@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1025px) {
header.sticky .header .logo { padding: 14px 0 }
header.sticky .header .logo img { max-width: 300px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
header.sticky .header .header_right { padding: 18px 0 0 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
header.sticky .header .head-top-main { min-height: auto; }
header.sticky .header .left-head-top { padding: 17px 0 0; }
header.sticky .header .right-head-top { padding: 5px 0 }
header.sticky .header .header_right { padding: 20px 0 0 0 }
header.sticky .header .navigation ul.menu > li > a { padding: 0 0 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
header.sticky .header .navigation { margin-top: 0; }
header.sticky .header .left-top-head { padding: 10px 0 }
header.sticky .header .right-top-head { padding: 10px 0 }
.gallery1_box_main .gallery_img_box:hover .gallery_hvr::before { opacity: 1; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
.gallery1_box_main .gallery_img_box:hover .gallery_name { transform: translateY(0px); -moz-ransform: translateY(0px); -ms-ransform: translateY(0px); -o-ransform: translateY(0px); -webkit-ransform: translateY(0px); }
.right-top-head .head-call span:hover { color: #000; }
.about_main_content a.read_more:hover { color: #000; }
.why_choose_us_box .icon_box:hover:before { background: #808080; border: 1px solid #808080; }
.service_box figure:hover > a:before { transform: none; margin-top: 0; }
/*.service_box figure:hover figcaption { top: 50%; margin-top: -14px; }*/
.footer_details .social_icons ul li a:hover { color: #000; }
.service_box figure:hover a.more_info { opacity: 1; top: 50%; margin-top: -14px; }
.middle_banner a:hover { background: #000; color: #fff }
.home_cnt_form .contact-form .submit-btn:hover { background: #000; color: #fff; }
.footer_details .f_links ul li a:hover { color: #808080 }
.address_details a:hover { color: #808080 }
.inner_breadcrumb .breadcrumb li a:hover { color: #808080; font-size: 18px; }
.contact_us_02 .cnt_details_box:hover i { color: #808080 }
.inner-page .cnt_details_box a:hover { color: #000 }
.contact_us_02 .contact-form .submit-btn:hover { background: #000; color: #fff; }
.service_box figure:hover a.more_info { opacity: 0 }
.service_box figure:hover > a span { transform: none; margin-top: 0; }
.inner-page a:hover { color: #000; }
.services_details_page .service_box figure:hover h3 a { z-index: 2; position: relative; }
.inner-page .pagination li a:hover { background: #1e9ddf; color: #fff }
}
@media (max-width:1200px) {
.left-top-head { padding: 10px 0 }
.right-top-head { padding: 10px 0 }
.logo img { max-width: 350px }
.logo { padding: 15px 0 }
.banner { padding: 130px 0 0; }
.bx-wrapper img { max-width: 100%; }
.bx-wrapper .bx-caption { top: 50%; transform: translateY(-50%); text-align: center }
.bx-wrapper .bx-caption h3 { font-size: 35px; line-height: normal; }
.bx-wrapper .bx-caption h2 { font-size: 50px; line-height: normal; }
.services, .middle_banner, .why_choose_us, .hl_testimonials, .home_cnt_form .middle_banner_img, .about { padding: 30px 0 }
.footer_details { padding: 30px 0 0 0 }
.footer_details_main { padding: 0 0 30px }
.inner-banner { position: relative; padding: 130px 0 0 0; }
.header_right { padding: 25px 0 0 0; }
.about_main_content h1 { font-size: 32px; margin: 0 0 20px; }
}

/*------------tablet portrait  view------*/

@media (max-width:1024px) {
.header_right { padding: 15px 0 0 0; }
.why_choose_us h2 { font-size: 30px; }
.why_choose_us_main { padding: 30px 0 0 0; }
.middle_banner_main h2 { font-size: 34px; line-height: 50px; }
.copyright { padding: 15px 0 }
.bx-wrapper .bx-caption p br { display: none; }
.bx-wrapper .bx-caption p { padding: 0 70px 31px }
.bx-wrapper .bx-controls-direction a { display: none; }
.inner-banner-img { min-height: 300px; }
.inner-page .contact_details { padding: 0; }
.contact_us_02 .map iframe { height: 350px; }
.contact_us_02 .map { padding: 30px 0 0; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 40px; }

.footer_details h3 { font-size: 20px; }
.navigation-toggle { margin: -3px 0 0 0 }
.contact_form_map { padding: 20px 0 }
.contact_us_02 .cnt_details_box i { font-size: 60px; }
}
@media (max-width:1023px) {
}
@media (max-width:991px) {
.bx-wrapper .bx-caption p { font-size: 20px; padding: 0 70px 31px; line-height: 30px; }
.about:before { display: none; }
.about_main_content p { padding: 0 0 28px }
.about .right_img { padding: 20px 0 0 0; text-align: center; }
.about_main_content h1 { font-size: 28px; margin: 0 0 20px; }
h2, .h2 { font-size: 28px; }
.service_box figcaption { margin: 0 }
.footer_logo { padding: 20px 0 0 0; }
.contact_us_02 .contact-form .form-group { margin-bottom: 15px; }
.contact_us_02 .cnt_details_box i { font-size: 50px; }
}

/*------------mobile landscape  view------*/

@media (max-width:767px) {
.middle_banner_main h2 { font-size: 28px; line-height: 40px; }
.middle_banner_main p { font-size: 20px; line-height: normal; }
.middle_banner_main { padding: 40px 10px; }
.bx-wrapper .bx-caption { display: block; }
.about_main_content h1, .services h2, .hl_testimonials h2 { font-size: 30px; }
.hl_testimonials_carousel .testi_icon { width: 100%; }
.top-btn > div { display: none; }
#toTop { width: 40px; height: 40px; padding: 7px 0 }
.inner-banner-img { min-height: 250px; }
.position_relative { margin: 100px 0 0 0 }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 40px; }
.inner_breadcrumb { display: none; }
.contact_us_02 .map iframe { height: 300px; }
.contact_us_02 .contact-form .form-group { margin-bottom: 15px; }
.footer_details h3 { margin: 0 0 30px; }
.footer_logo { padding: 20px 0 0 0; }
.footer_details h3:before { bottom: -10px; }
.footer_details h3 { font-size: 16px; }
}

/*------------mobile portrait view------*/

@media (max-width:640px) {
}

/*----------optional css------*/

@media (max-width:575px) {
.left-top-head { padding: 10px 0; display: none; float: none; }
.right-top-head { padding: 12px 0 0; float: none; text-align: center; position: absolute; top: 0; right: 70px; }
.about_main_content h1, .services h2, .hl_testimonials h2 { font-size: 25px; }
.middle_banner_main { padding: 40px 10px; }
.why_choose_us h2 { font-size: 25px; }
.why_choose_us_box h3 { color: #fff; font-size: 20px; }
.right-top-head .head-call span { display: none; }
.right-top-head .head-call i { width: 50px; height: 50px; text-align: center; color: #fff; background: #808080; padding: 10px 0 0; font-size: 28px; }
.head-top-main { min-height: 0; }
.banner { padding: 70px 0 0; }
.inner-banner { position: relative; padding: 75px 0 0 0; }
.inner-page h2 { font-size: 28px; }
.f_links { margin: 0 0 20px 0; }
.testimonialpage_main .testimonial_quote { left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.testimonialpage_main { padding: 150px 30px 30px; position: relative; }
.inner-page .alignleft { float: none; display: table; margin: 0 auto 20px; max-width: 100%; }
.inner-page .alignright { float: none; display: table; margin: 0 auto 20px; max-width: 100%; }
.gallery1_box_main .col-sm-4 { width: 100%; float: none; max-width: 320px; margin: 0 auto }
.project_page .service_box { text-align: center; }
.home_cnt_form h2 { font-size: 30px; }
.footer_details h3 { font-size: 15px; }
}
@media (max-width:479px) {
.logo { padding: 20px 0; }
.logo img { max-width: 250px; }
.inner-page h2 { font-size: 21px; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 30px; }
.position_relative { margin: 50px 0 0 0; }
.bx-wrapper .bx-caption h3 { font-size: 25px; line-height: normal; }
.bx-wrapper .bx-caption h2 { font-size: 30px; line-height: normal; margin: 0; }
.bx-wrapper .bx-caption p { padding: 0 0 5px; font-size: 16px; }
.bx-wrapper .bx-caption a { line-height: 44px; height: 40px; min-width: 170px; font-size: 15px; }
}
@media (max-width:400px) {
.logo img { max-width: 200px; }
.inner-banner { position: relative; padding: 65px 0 0 0; }
.banner { padding: 65px 0 0; }
}
@media (max-width:320px) {
.right-top-head { padding: 10px 0 }
.logo img { max-width: 170px; }
.header_right { padding: 10px 0 0 0 }
.inner-banner { position: relative; padding: 65px 0 0 0; }
.navigation-toggle { margin: 0; }
}

/*---------use only when design is customise-----------*/

@media screen and (min-width:700px) and (max-width:990px) {
}