@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1680px) {
.section-two-main { padding-left: 0; }
.slider-right { padding-right: 50px; width: 720px; }
.section-three { margin-top: -630px; }
.slider-right .owl-carousel { padding-top: 150px; }
.section-two-main h2 { margin-top: -100px; }
.slide { padding-top: 0; }
.slide .owl-buttons { padding-top: 20px; }
.slider-right ul.pic-gallery { height: 577px; }
.slider-right h2 { position: absolute; text-align: center; width: 100%; left: 0; top: 100px; }
.section-five-right { margin-right: 103px; padding-top: 23px; }
.section-five-txt { padding-bottom: 30px; }
.section { min-height: 3333px; }
.section-five-left { padding-left: 30px; width: 586px; }
}

 @media screen and (max-width: 1600px) {
ul.we-know-linik { margin-bottom: 108px; }
.section-two-main h2 { top: 0; }
.slider-right .owl-theme .owl-controls .owl-buttons div, .slide .owl-theme .owl-controls .owl-buttons div { font-size: 24px; }
.section-five { padding-top: 20px; }
.form-btn { width: 180px; height: 40px; font-size: 18px; }
.section-five-right p { font-size: 16px; }
.section { min-height: 3170px; }
.slider-right .owl-carousel { padding-top: 182px; }
.slider-right h2 { top: 156px; }
.section-two-main h2, .slider-right h2 { font-size: 32px; }
}

 @media screen and (max-width: 1410px) {
.section-one-left h2 { margin-top: 20px; font-size: 40px; }
.section-one-right { padding-top: 120px; }
.section-one-right h2 { font-size: 32px; }
.slider-right ul.pic-gallery img, ul.pic-gallery img{ max-width: 175px; }
.pic4 { left: 142px; top: 120px; }
.pic5 {  left: 300px;  top: 179px;}
.pic6 {bottom: 26px;left: 190px;}
.slider-right ul.pic-gallery{ height:490px;}
.pic1{ top:230px;}
.slider-right{ width:584px;}
.pic2{ left:167px; top:181px;}
.pic3 {bottom: 110px; left: 104px;}
.section-four{ margin-top:-260px;}
.section-two-main h2{ top:100px;}
.section-four-main{ width:880px;}
.section-five-right {margin-right: 50px;padding-top: 100px;}
.section-five-txt{ padding-bottom:18px;}
.section {min-height: 2800px;}
}

@media screen and (max-width: 1366px) {
.main-wrapper{ padding-left:15px; padding-right:15px;}
.section-one-left{ padding-left:20px;}
.section-one-right h2{ font-size:23px;}
ul.pic-gallery{ height:560px;}
.pic3{ bottom:40px;}
.section-five-left{ width:530px;}
.form-btn{ width:140px; margin-top:15px;}
.section-five-left h2{ font-size:26px; padding-bottom:20px;}
.contact-form-right{ width:350px;}
ul.sociallink li a i{ width:60px; height:60px; font-size:20px; line-height:60px;}
ul.sociallink{ margin-bottom:11px;}
.section{ min-height:2710px;}
}

@media screen and (max-width: 1300px) {
.recent-work{ width:170px; line-height:50px; height:50px; font-size:15px;}
ul.we-know-linik li{ margin-left:25px; margin-right:25px;}
ul.pic-gallery{ height:474px;}
.pic2 {left: 163px;top: 97px;}
.section-four-main h2{ font-size:25px;}
.top-heading p{ font-size:16px; padding-left:0;}
.top-heading{ padding-left:20px;}
.pic1{ top:147px;}
.contact-form-left{ font-size:15px;}
ul.contact-form li{ margin-bottom:15px;}
.section-five-icon{ padding-bottom:17px;}
.section-five-right{ margin-right:28px;}
.section{ min-height:2580px;}
.slider-right h2{ padding-right:0; top:210px;}
.section-three{ background-position:top center !important;}
}

@media screen and (max-width: 1280px) {
.video-section{ margin-top:30px;}
.section{ min-height:2540px;}
}

@media screen and (max-width: 1024px) {
.logo{ padding-top:10px;}
.section-one-left h2{ font-size:27px;}
.section-one-left p{ font-size:14px;}
.recent-work{ margin-top:20px;}
.section-one-right{ padding-top:50px;}
.section-one-right{ text-align:right;}
ul.we-know-linik li{ width:60px; height:60px; line-height:60px;}
ul.we-know-linik{ margin-bottom:30px;}
.section-one-right p{ font-size:15px; text-align:center;}
.section-two-main h2, .slider-right h2{ font-size:20px;  left:36px;}
.slide .owl-theme .owl-controls .owl-buttons div{ margin-right:10px;}
.slide{ padding-left:20px;}
.slider-right .owl-theme .owl-controls .owl-buttons div, .slide .owl-theme .owl-controls .owl-buttons div{ font-size:16px;}
.slider-right h2{ left:68px; top:200px;}
.slider-right .owl-buttons{ position:absolute; right:0; bottom:30px;}
.slider-right .owl-theme .owl-controls .owl-buttons div{ margin-left:10px;}
.slider-right{ width:530px;}
.section-three{ height:1090px;}
.section-four-main{ width:580px;}
.play > img { max-width: 50px;}
.play{ bottom:7px; right:10px;}
ul.contact-form li{ margin-bottom:10px;}
.section-five-left{ width:460px;}
.contact-form-right{ width:300px;}
.section-five-right p, .bottom-link{ font-size:12px;}
ul.sociallink li a i{ width:40px; height:40px; line-height:40px;}
.section-five-right{ width:310px; padding-top:110px;}
.section{ min-height:2033px;}
}.section-one-right h2{ text-align:right; padding-right:15px;}

@media screen and (max-width: 990px) {
.toggleMenu { position:relative; z-index:111; float:right; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; 
-o-transition: 0.5s; background:url(../images/menu-icon.png) no-repeat top; width:32px; height:32px;}
.toggleMenu.active{ background:url(../images/menu-icon-close.png) no-repeat bottom;}
.active { display: block; }
.nav > li { float: none; }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; }
.search{ position:absolute; margin-left:0; right:66px; top:27px;}
.logo-header{ position:absolute; left:0; top:0;}
.search-btn > img {max-width: 24px;}
.menu{ position:relative; clear:both; min-height:87px;}
.menu.fixed_header{min-height: 58px;}
.menu.fixed_header{ position:fixed;}
.header-right{ width:100%;}
.menu-main{ width:100%;}
.fixed_header .search{ top:15px;}
.fixed_header .toggleMenu{ margin-top:5px;}
.nav{ margin-top:50px; padding-bottom:10px;}
.section-one-left, .section-one-right{ width:100%; padding-right:20px; padding-left:20px;}
.section-one-right h2{ text-align:center; padding-right:0;}
.section-bg{ background:none;}
.section{ min-height:inherit;}
.section-one-right{ background:#ebeae8; padding-bottom:20px;}
.section-two{ padding-bottom:20px; background:#ecf0f1; position:relative;}
.section-two-main{ width:100%; padding-top:30px; }
.slide{ padding-right:20px;}
.section-two-main h2{ position:static; margin:0; padding-bottom:20px; width:100%; text-align:center;}
ul.pic-gallery{ height:auto;}
.pic1{ top:44px;}
.slider-bottom{ bottom:20px;}
.pic3{ left:54px; bottom:0;}
.slide .owl-buttons{ width:100%; text-align:center;}
.section-three{ height:auto; margin-top:0; padding-top:30px;}
.slider-right .owl-carousel{ padding-top:0;}
.pic1, .pic2, .pic3, .pic4, .pic5, .pic6{ position:static;}
ul.pic-gallery  li{ display:inline-block; margin:10px;}
ul.pic-gallery { width:100%; text-align:center;}
.slider-right{ width:100%; padding:30px 0;}
.slider-right h2{ width:100%; position:static; padding-bottom:30px;}
.slider-right .owl-buttons{ position:static; text-align:center; padding-top:20px; width:100%;}
.section-one-left, .section-one-right{ min-height:350px; text-align:center; padding-top:50px;}
.recent-work{ margin:40px auto 0;}
.section-one-left h2{ margin-bottom:20px;}
.section-four{ margin-top:0;}
.slider-right ul.pic-gallery{ height:auto;}
.section-four-main{ width:auto; max-width:90%; padding-top:30px; }
.top-heading{ padding-left:0; text-align:center;}
.slider-main .owl-theme .owl-controls .owl-page span{ width:10px; height:10px;}
.section-four{ background:#18549c; padding-bottom:40px;}
.section-five{ background:#f1c40f;}
.section-five-left{ width:100%; padding-left:20px; padding-right:20px;}
ul.contact-form li{ position:relative; padding-left:105px;}
.contact-form-left{ position:absolute; left:0; top:0;}
.contact-form-right{ width:100%;}
.fright{ float:left; margin-left:15px;}
.form-btn{ float:left;}
.section-five-right{ background:#d2d1cf; width:100%; padding-top:30px; margin-right:0; padding-left:20px; padding-right:20px; padding-bottom:20px;}
.slider-main .owl-pagination{ margin-top:-35px; top:50%;}
.section-five-left{ padding-bottom:20px;}
.video-section{ border:10px solid #bebebe; border-radius:10px;}
.fixed_header .search-btn > img{ margin-top:2px;}
}

@media screen and (max-width: 640px) {
.logo img, .logo-header img{ max-width:120px;}
.nav a{ padding-left:5px; padding-right:5px; font-size:13px;}
.menu{ min-height:57px;}
.header-right{ padding-top:11px;}
.nav{ margin-top:45px;}
.section-one-left h2{ font-size:22px; margin-top:0;}
.recent-work{ margin-top:20px;}
ul.we-know-linik li{ height:80px; width:80px; line-height:80px;}
.section-one-right p{ font-size:12px;}
.slider-right ul.pic-gallery img, ul.pic-gallery img{ max-width:100px;}
.search{ top:14px;}
.slider-bottom img{ max-width:30px;}
.slider-main .owl-pagination{ right:10px;}
.banner, .ban_img{ height:auto !important;  min-height:inherit !important;}
.banner{ float:none;}
}

@media screen and (max-width: 480px) {
.form-btn{ width:100%; margin:20px 0 0px 0;}
.section-one{ background-position:left top !important;}
.video-section {border: 6px solid #bebebe;border-radius: 5px;}
}