/* responsive style starts here */


@media screen and (max-width: 1900px) { }
@media screen and (max-width: 1850px) { 
.container {  width: 100%; padding: 0 50px; box-sizing:border-box; }
footer .footerwrap ul li:nth-child(5) img { width: 150px; }
footer .footerwrap ul li:nth-child(2) p { font-size: 20px; }
footer .footerwrap ul li:nth-child(2) p a { font-size: 14px; }
footer .footerwrap ul li:nth-child(1) { padding-right: 16px; box-sizing:border-box; }
footer .footerwrap ul li:nth-child(1) img { width: 100%; }
header .logo { width: 250px; padding-top: 10px; padding-bottom: 10px; }
header .logo img { width: 180px;}
.container .header_wrap { padding-left: 240px; }

}

@media screen and (max-width: 1720px) { 
.container .header_wrap { position:relative; z-index: 99; }
.container .header_wrap .navigation { width: 100%; position: absolute; right: 0px; top: 14px; z-index: 9; }
.container .header_wrap { width: 100%; padding-left: 250px;  }
.container .header_wrap .mail { width: 30%; float: left; }
.container .header_wrap .phone { width: 30%; float: left; } 
.container .header_wrap .social { width: 20%; float: left; }
.about_block3 .leftbar { width: 100%; height:auto; }
.about_block3 .rightbar { width: 100%; }
.about_block3 .leftbar h2 { text-align: center; }
.about_block3 .leftbar p { text-align: center; }

.home_service_wrap .rightwrap { height: auto; width: 100%; padding-left: 0px; }
.home_service_wrap .rightwrap ul li { width: 50%; margin-bottom: 30px; }
.home_service_wrap .leftwrap { width: 100%; 70px; height: auto; border-right: none; text-align: center; }
.home_service_wrap .leftwrap h2 { text-align: center; }
.home_service_wrap .leftwrap h3 { text-align: center; }
.home_service_wrap .rightwrap ul li .content_block p { opacity:1; }
.home_service_wrap .rightwrap ul li { margin-bottom: 100px;}

.readmore {  float: none; display:inline-block; margin-top: 50px; border: 1px solid #FFF; padding: 10px 30px;  }
.slider-service .ser_wrap .left_bar .content_w { width: 100%; margin-top: 100px; }
}

@media screen and (max-width: 1520px) {
/* #menu is the original menu */
.js #menu { display:none; }
.js .slicknav_menu { display:block; }
.js .slicknav_menu { top: 0px; left: 350px; position:absolute; z-index: 9999; }
.service_dtl_wrap .rightbar { width: 60%; float: left; padding: 30px 40px 0 60px; }
.contact_wrap .left { width: 55%; }
.contact_wrap .right { width: 45%; }
.slider-service .ser_wrap .left_bar .content_w { margin-top: 30px; }
.slider-service .ser_wrap .left_bar .content_w h3 { font-size: 34px; line-height: 36px; padding: }
}


@media screen and (max-width: 1366px) {

.block4 .rightbar .content_w {  padding: 20% 100px 0 50px; }
.block6 ul li { width: 120px; }
.block6 ul li img { width: 100px; }
footer .footerwrap .copyright .left, footer .footerwrap .copyright .right { width: 100%; }
footer .footerwrap .copyright .left p { text-align: center;}
footer .footerwrap .copyright .right { text-align: center; }
footer .footerwrap .copyright .right a { padding: 10px 14px 14px 14px; }
.container .header_wrap .mail { width: 40%; float: left; }
.container .header_wrap .phone { width: 30%; float: left; } 
.container .header_wrap .social { width: 20%; float: left; }
.home_service_wrap .leftwrap {border-right: none;}
.blog_wrap .leftwrap { width: 50%; }
.blog_wrap .rightwrap { width: 50%; padding-left: 60px; }
.readmore {  float: none; display:inline-block; margin-top: 50px; }

}

@media screen and (max-width: 1280px) {
.block7 .testi_wrap .testi_slider div .leftwrap { width: 100%; }
.block7 .testi_wrap .testi_slider div .rightwrap { width: 100%; }
.block7 .testi_wrap { height: auto; }
.block7 .testi_wrap .testi_slider div .leftwrap h3 { font-size: 34px;}
.about_block1 .leftbar { width: 100%; height:auto; padding-right: 40px; }
.about_block1 .rightbar { width: 100%; height: auto; padding: 0 40px 100px; }
.about_block1 .leftbar h2 { font-size: 30px; text-align: center; }
.about_block1 .leftbar h3 { font-size: 30px; text-align: center; }
.about_block1 .leftbar p { text-align: center; }
.about_block1 .rightbar h2 { text-align: center; }
.about_block1 .rightbar p { text-align: center; }
.about_block2 ul li h2 { font-size: 20px; }
.about_block2 ul li { padding-left: 100px; }
.about_block2 ul li.vision { background-size: 70px 70px; }
.about_block2 ul li.history { background-size: 70px 70px; }
.about_block2 ul li.value { background-size: 70px 70px; }
.service_dtl_wrap .leftbar { width: 100%; }
.service_dtl_wrap .rightbar { width: 100%; }
.contact_wrap .left ul li { width: 100%; }
.contact_wrap .left ul li:nth-child(2) { margin-left: 0%;}
.contact_wrap .left ul li:nth-child(4) { margin-left: 0%;}
.contact_wrap .right p { font-size: 16px; }
.contact_wrap .right h2 { font-size: 30px; }
.contact_wrap .left h2 { font-size: 28px; line-height: 34px; }
.contact_wrap .left { width: 55%; padding: 85px 60px 92px 60px; }
.contact_wrap .right { width: 45%; padding: 85px 60px 92px 60px; }
.gallery_wrap .gallery_content { padding: 50px 0px; }
.slider-for .caption { top: 200px; }
.block6 ul li { height: 52px; }


}

@media screen and (max-width: 1166px) { 
footer .footerwrap ul li:nth-child(1) { width: 100%; text-align: center;}
footer .footerwrap ul li:nth-child(2) { width: 50%;}
footer .footerwrap ul li:nth-child(3) { width: 50%;}
footer .footerwrap ul li:nth-child(4) { width: 50%;}
footer .footerwrap ul li:nth-child(5) { width: 50%; }
footer .footerwrap ul li:nth-child(1) img { width: auto; }

}

@media screen and (max-width: 1024px) { 
.home_service_wrap .rightwrap ul li { width: 50%; margin-bottom: 50px; }
.home_service_wrap .leftwrap h2 { font-size: 30px; line-height: 40px; padding-bottom: 40px; }
.home_service_wrap .leftwrap h2 span { font-size: 36px; }
.container .header_wrap .mail a span { display: none;}
.container .header_wrap .mail a { background: url(../images/email-outbox.svg) center center no-repeat; width: 40px; height: 58px; display: inline-block;  }
.container .header_wrap .mail { width: 45px; float: right; border-left: none; border-right: none; }
.container .header_wrap .phone { width: 124px; float: right; margin-right: 40px; } 
.container .header_wrap .social { width: 124px; float: right; }
.container .header_wrap .phone p {  font-size: 18px; }
header .logo { width: 200px; padding-top: 20px; padding-bottom: 10px }
header .logo img { width: 130px;}
.about_block1 .leftbar h2 { font-size: 24px; line-height: 36px; padding-bottom: 30px; margin-top: 42px; }
.about_block1 .leftbar h2 span { font-size: 40px; }
.about_block1 .leftbar h3 { font-size: 30px; line-height: 30px; }
.about_block3 .rightbar .row2 { height: auto; }
.about_block3 .rightbar .row2 .testi_wrap { height:auto; padding-bottom: 100px; }
.about_block3 .rightbar .row2 .testi_slider .inside .leftwrap { width: 100%; padding-left: 40px; padding-right: 40px; }
.about_block3 .rightbar .row2 .testi_slider .inside .rightwrap { width: 100%; padding-left: 40px;  padding-right: 40px; text-align: center; }
.about_block3 .rightbar .row2 .testi_slider .inside .leftwrap h3 { font-size: 26px; text-align: center;  }
.about_block3 .rightbar .row2 .testi_slider .inside .leftwrap p { text-align: center; }
.about_block3 .rightbar .row2 .testi_slider .inside .rightwrap .face {  float: none; display: inline-block; }
.about_block3 .rightbar .row2 .testi_slider .inside .rightwrap .name { width: 100%; float: right; padding: 40px 0px 0 0;}
.about_block3 .rightbar .row2 .testi_slider .inside .rightwrap .name h4 { text-align: center;  font-size: 18px; }
.about_block3 .rightbar .row2 .testi_slider .inside .rightwrap .name p { text-align: center; font-size: 16px; }
.gallery_wrap .gallery_content h2 { font-size: 30px; }

.home_service_wrap .rightwrap ul li .img_block { height: 150px; }
.container .header_wrap .social { width: 100%; max-width: auto; margin-left: 0%; background: #FFF; height: 40px; display: none; }
.container .header_wrap .mail { display: none; }
}

@media screen and (max-width: 1000px) {
.block5 ul li img { width:100%; height:100%; opacity:0.6; position:relative;}
	 }

@media screen and (max-width: 960px) { 
.slider-service .ser_wrap .left_bar { width: 100%; height: auto; padding-bottom: 50px; }
.slider-service .ser_wrap .right_bar { width: 100%; height: auto; }
.service_dtl_wrap .rightbar {  padding: 30px 0px 0 0px; }
.blog_wrap .leftwrap { width: 100%; }
.blog_wrap .rightwrap { width: 100%; padding-left: 0px; }
.blog_wrap .rightwrap .search_wrap h2, .blog_wrap .rightwrap h2  {  font-size: 26px; }
.blog_wrap .leftwrap ul li h3 { font-size: 26px; line-height: 30px; }
.blog_wrap .leftwrap ul li h4 span:nth-child(1) { display:block; padding-left: 0px; margin-top: 16px; }
.blog_wrap .leftwrap ul li h4 span:nth-child(2) { display:block; padding-left: 0px; }
.slider-for .caption { top: 150px; }
.slider-for .caption h2 { font-size: 26px; line-height: 32px; }
.slider-for .caption h2 span { font-size: 22px; }
}

@media screen and (max-width: 800px) {
.about_block2 ul li { width: 100%; margin-bottom: 40px; }
.about_block2 ul li:nth-child(2) { margin: 0 0 40px;}
.about_block3 .rightbar .row1 { center; padding-right: 40px; padding-left: 40px;}
.about_block3 .rightbar .row1 a {  width: 200px; height: 60px; border-radius: 30px; border: 2px solid #2e85c5; background-size: 160px; }
.about_block3 .rightbar .row1 h2 { margin-top: 20px; font-size: 26px; }
.contact_wrap .left { width: 100%; padding: 85px 40px 92px 40px; }
.contact_wrap .right { width: 100%; padding: 85px 40px 92px 40px; }
.contact_wrap .left ul li input { padding: 10px 20px; }
.contact_wrap .left ul li textarea { padding: 20px 20px; }
.contact_wrap .left ul li { margin-bottom: 20px; }

}

@media screen and (max-width: 768px) {
.container {  width: 100%; padding: 0 30px; }
.home_service_wrap .leftwrap { width: 100%; height:auto; }
.home_service_wrap .rightwrap { width: 100%; border-left: none; padding-left: 0px; }
.block4 .leftbar { width: 100%; height: auto; }
.block4 .rightbar { width: 100%; height: 400px; }
.block4 .rightbar .content_w h2 { font-size: 30px; line-height: 36px; }
.block4 .rightbar .content_w {  padding: 15% 50px 0 50px; }
footer .footerwrap ul li:nth-child(1) { width: 100%; text-align: center;}
footer .footerwrap ul li:nth-child(2) { width: 100%;}
footer .footerwrap ul li:nth-child(3) { width: 100%; text-align: center; margin-top: 10px; }
footer .footerwrap ul li:nth-child(3) a { display:inline-block; float: none; width: auto; padding: 0 10px; }
footer .footerwrap ul li:nth-child(4) { width: 100%;}
footer .footerwrap ul li:nth-child(5) { width: 100%; }
footer .footerwrap ul li:nth-child(2) p { text-align: center; }
footer .footerwrap ul li:nth-child(2) p a { font-size: 16px; float: none; display:inline-block; }
footer .footerwrap ul li:nth-child(3) a { text-align: center; }
footer .footerwrap ul li:nth-child(4) a { text-align: center; }
footer .footerwrap ul li:nth-child(4) a.review {  float: none; display:inline-block; width:100%; padding: 12px; border-radius: 22px;  }
footer .footerwrap ul li:nth-child(5) { text-align: center; }
footer .footerwrap ul li:nth-child(1) img { width: 200px;}
header .logo { width: 180px; height: 90px; padding-top: 20px; margin-left: 0px; z-index: 9999; position: absolute; z-index: 9999999; }


}

@media screen and (max-width: 550px) {

.slider-service .ser_wrap .left_bar .content_w h3 { font-size: 30px; line-height: 36px; }
.block5 ul li { width: 100%; }
.container .header_wrap { height: 50px; padding-left: 0px; background:#fff; }
.block7 .testi_wrap .testi_slider div .rightwrap { width: 100%; text-align:center; }
.block7 .testi_wrap .testi_slider div .rightwrap .name { width: 100%; float: right; padding: 20px 0px 0 0;}
.block7 .testi_wrap .testi_slider div .rightwrap .name h4 { text-align: center; color: #FFF; font-size: 20px; }
.block7 .testi_wrap .testi_slider div .rightwrap .name p { text-align: center; font-size: 16px; }
.block7 .testi_wrap .testi_slider div .rightwrap .face { float: none; display:inline-block; }
.block7 .testi_wrap .testi_slider div .leftwrap h3 { text-align: center; }
.block7 .testi_wrap .testi_slider div .leftwrap p { text-align: center; }
.send_button { padding: 8px 50px; font-size: 20px; border-radius: 50px;  }
.gallery_wrap .gallery_slider { width: 100%; float: left; margin: 0 0%; }
.inner_banner h1 { font-size: 30px; }

.slider-for .caption { top: 200px; }
.hslider { height: 250px; background:url(../images/slider1.jpg) center center; }
.hslider .slick-slider { display: none; }
.home_service_wrap .rightwrap ul li { width: 100%; }

.container .header_wrap .phone { background: url(../images/phone-01.svg) center center no-repeat; width: 24px; height: 60px; margin-right: 24px; font-size: 16px; display:block; float:right; display: none; }
.container .header_wrap .phone p { visibility: hidden; width: 150px; height: 40px; line-height: 40px; color: #000; text-align: center; right: 0; top:0px; display: none; }
.container .header_wrap .phone:hover p { visibility: visible; }
.home_service_wrap .rightwrap ul li .img_block { height: 130px; }
.home_service_wrap .rightwrap ul li { margin-bottom: 80px; }
.slider-service .ser_wrap .left_bar .content_w { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 480px) {
.block5 ul li { width: 100%; }
.blog_wrap .rightwrap .search_wrap .search_inside { padding: 20px 20px 60px 20px; }
.blog_wrap .rightwrap .search_wrap .search_inside input { padding: 20px;  font-size: 14px; }
.blog_wrap .rightwrap .search_wrap .search_inside a { position:absolute; right: 0px; top: 80px; width: 100%; height: 50px; line-height: 50px; font-size: 20px; }
.slider-for .caption { display: none; }
.container .header_wrap .navigation { width:100%; min-width: 100%; }
}

@media screen and (max-width: 430px) {
.container .header_wrap .social { margin-right: -30px; clear:both; }
.container .header_wrap .social ul li { width: 22px; margin: 0 3%; }
.container .header_wrap .social ul li.twitter { background-size: 20px 20px; height: 32px; }
.container .header_wrap .social ul li.twitter:hover { background-size: 20px 20px; height: 32px; }
.container .header_wrap .social ul li.fb { background-size: 20px 20px; height: 32px; }
.container .header_wrap .social ul li.fb:hover { background-size: 20px 20px; height: 32px; }
.container .header_wrap .social ul li.gplus { background-size: 20px 20px; height: 32px; }
.container .header_wrap .social ul li.gplus:hover { background-size: 20px 20px; height: 32px; }
.service_dtl_wrap .rightbar h2 { font-size: 24px; line-height: 28px; }
.contact_wrap .right p.mail { background-size: 18px; padding-left: 30px; }
.contact_wrap .right p.phone { background-size: 18px; padding-left: 30px; line-height: 26px; }

.call_back_service { position:absolute; right:20px; top: 160px; height: 50px; width: 240px; background: #FFF;  z-index: 99; border-radius: 34px; border: none; cursor:pointer;   }
.call_back_service button { font-size: 14px; width: 240px; padding: 12px 0px;}
.call_back_service span { width: 48px; padding: 5px 0; margin-right: 36px; position:relative; margin-top:-45px; 
			border-top-left-radius: 28px; border-top-right-radius: 28px; }
.call_back_service span img { width: 40px; }
}

@media screen and (max-width: 320px) { 
.container .header_wrap .mail { width: 35px; }
}