@charset "utf-8";
@media (min-width:1025px) {
header.sticky .header .logo { max-width: 250px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding: 30px 0 0; }
header.sticky .header .header-top { margin: 10px 0 0 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); }
.hl-welcome-container a.read_more:hover { background: #0085CC; color: #fff; }
.inner-page .ser-locat a:hover { background: #002987; border: 1px solid #002987; color: #fff; }
.inner-page .my_pagination li a:hover { background: #002987; color: #fff; border-color: #002987; }
.sidebar ul li a:hover { color: #fff; background: #0085CC; }
.whatwedo_section_box:hover .whatwedo_text_main { opacity: 0; pointer-events: none }
.whatwedo_section_box:hover .whatwedo_hvr:before, .whatwedo_section_box:hover .whatwedo_hvr:after { width: 100%; height: 100%; }
.whatwedo_section_box:hover .whatwedo_hvr .whatwedohvr_text_main { top: 50px; opacity: 1 }
.whatwedo_section_box:hover .whatwedo_hvr .whatwedo_readmore_main { left: 50%; opacity: 1 }
.contact_us_02 .contact-form .submit-btn:hover { background: #002987; color: #fff; border: 2px solid #002987 }
.inner-page a:hover { color: #0085cc }
.inner_breadcrumb .breadcrumb li a:hover { color: #0085CC; }
.inner-banner .breadcrumb li a:hover { color: #cbcbcb }
.social_icons ul li a i:hover { color: #0085cc; }
.footer_links ul li a:hover { color: #0085cc; }
.btn_all_brand a:hover { background: #0085cc; }
.client_logo img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: gray; opacity: 1 }
.btn_follow a:hover { background: #0085cc; color: #fff; }
.contact-form .submit-btn:hover { background: #002987; color: #fff; border: 2px solid #002987 }
.inner-page .cnt_details_box:hover { border: 1px solid #0085CC; }
.hl-gallery a:hover { background: #0085cc; }
.two_btn a.yellow:hover { background: #fff; color: #002987; }
.two_btn a.white:hover { background: #002987; color: #fff; }
.hl-welcome-container a:hover { color: #fff }
.service a.view_all:hover { background: #0085cc; }
.services_box:hover a.read_more { opacity: 1; }
.services_box:hover { background: #002987; }
.services_box:hover a.ser_title { color: #fff; }
.services_box:hover p { color: #fff; }
.services_box:hover a.ser_title:before { background: #fff; }
.services_box a.read_more:hover { background: #0085cc; color: #fff; }
.header-top .get_a_quote_btn a:hover { color: #fff; background: #0085cc; }
.call_box a.call_icon span:hover { background: #0085CC; }
.header-top a span:hover { color: #fff; background: #002987; }
.team_box_main .services_box:hover span { color: #fff; }
}
@media (max-width:1200px) {
.service { padding: 30px 0; }
.call_us_today { padding: 30px 0; }
.services_box_main { padding: 30px 0 0 }
.center_title p br { display: none; }
.get_a_quote { padding: 0 }
.our_brands { padding: 20px 0 }
}
@media (max-width:1199px) {
.logo { max-width: 210px; padding: 35px 0 21px }
header.sticky .header .logo { max-width: 210px; }
.inner-banner { position: relative; padding: 130px 0 0 0; }
.whatwedo_section_box .whatwedo_text_main { background: rgba(239,124,48,0.9); }
}
@media (max-width:1024px) {
.logo { margin: 0; padding: 20px 0 15px; max-width: 220px; }
.banner { padding: 90px 0 0; }
.header-top { margin: 24px 55px 0 0 }
.hl-welcome-img.left_img { width: 100%; }
.hl-welcome-content-container { background: #ff7c67; width: 100%; }
.hl-welcome-container { max-width: 100%; padding: 30px 30px; }
.video_side_img { position: relative; right: 0; top: 80px; display: table; margin: 0 auto }
.txt { margin: 0; }
.two_btn a.yellow { width: 150px; }
.two_btn a.white { width: 220px; }
.get_a_quote_form { width: 300px; padding: 20px 5px 20px; margin: 0 }
.instagram_feed { float: right; width: 690px; margin: 0; position: relative; }
.form_instagram:before { display: none; }
.instagram_box { margin: 0 5px 5px 0; width: 225px; }
.footer_links ul li:after { margin: 0 8px; }
.services_box a.read_more { opacity: 1; color: #fff; background: #39c36e; }
.bx-wrapper img { max-width: 100%; }
.hl-welcome-img img { max-width: 100%; width: 100%; float: none; }
.inner-banner { position: relative; padding: 90px 0 0 0; }
.inner-page .connect_title { padding: 15px 0; }
.service a.view_all { margin: 20px 0 0 0 }
.get_a_quote_form .contact-form .form-group .captcha_box { margin: 0 0 20px -20px; transform: scale(0.87); }
}
@media (max-width:1023px) {
.get_a_quote_btn i { display: block; height: 50px; width: 50px; color: #fff; text-align: center; background: #2bafd1; font-size: 27px; padding: 12px 0 }
.header-top .get_a_quote_btn a span { display: none; }
.services_box { padding: 20px 30px 15px; margin: 0 0 30px }
.video_side_img { display: none; }
.txt { margin: 0; text-align: center; }
.two_btn { margin: 20px 0 0 0; text-align: center; }
.hl-gallery p br { display: none; }
.our_brands p br { display: none; }
.bx-wrapper .bx-caption { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.bx-wrapper .bx-caption h2 br { display: none; }
.bx-wrapper .bx-caption p br { display: none; }
.bx-wrapper .bx-caption h2 { font-size: 35px; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 35px; }
}
@media (max-width:991px) {
.get_a_quote_form { width: 100%; }
.instagram_feed { width: 100%; }
.instagram_section { margin: 20px auto 0; display: table; }
.instagram_box { margin: 0 16px 16px 0; width: auto; }
.btn_follow { top: 45%; }
.footer_links { float: none; text-align: center; margin: 0 0 20px 0; }
.social_icons { float: none; text-align: center; }
.inner-banner-img { min-height: 250px; }
.position_relative { margin: 100px 0 0 0 }
.inner-page h2 { font-size: 30px; }
.inner-page .cnt_details_box { margin: 0 0 30px; }
.inner-page .cnt_details_box a.mail_txt { font-size: 18px; }
.contact_us_02 .contact-form .form-group .captcha_box { float: left; width: 48% }
.contact_us_02 .contact-form .form-group .submit_btn_box { float: right; width: 48%; margin: 10px 0 0 0 }
.inner-page .connect_title { padding: 15px 0; font-size: 15px; }
.text-cnt { max-width: 100%; position: relative; }
.get_a_quote_form .contact-form .form-group .captcha_box { margin: 0 0 20px 0; transform: scale(1); float: left; width: 48%; }
.contact-form .submit_btn_box { margin-top: 15px; position: relative; float: right; width: 48% }
.contact-form .captcha_box { margin-top: 15px; position: relative; float: right; width: 48% }
.map { float: left; width: 100%; margin: 20px 0 0 0; }
}
@media (max-width:767px) {
.banner { padding: 80px 0 0; }
.bx-wrapper .bx-caption { display: none; }
.instagram_box { width: 219px; }
.testimonials_carousel:before { left: 0 }
.testimonials_carousel:after { right: 0 }
.top_footer { background: #f7f7f7; padding: 10px 0; }
.testimonial1_item { padding: 30px 30px 15px; }
.testimonial1_item::before { left: 15px; top: 25px; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 25px; }
.position_relative { margin: 140px 0 0 0 }
.sidebar_listing { margin: 30px 0 0 0 }
.inner-banner { position: relative; padding: 70px 0 0 0; }
.inner-page .cnt_details_box { margin: 0 0 30px; min-height: 235px; }
.inner-page .cnt_details_box a.mail_txt { font-size: 14px; }
.our_brand_logo .col-xs-6 { width: 25% }
.gallery1_box_main .col-xs-6 { width: 33.33%; }
}
@media (max-width:640px) {
.inner-page .cnt_details_box a.mail_txt { font-size: 12px; }
}
@media (max-width:575px) {
.services_box_main .col-xs-6 { width: 100%; }
.gallery_section .col-xs-6 { width: 100%; margin: 0 0 20px; }
.testimonials_carousel p { font-size: 20px; line-height: 30px; }
.header-top a span { width: 170px; font-size: 18px; }
.top-btn > div { display: none; }
#toTop { width: 40px; height: 40px; padding: 8px 0; }
.logo { margin: 0; padding: 20px 0 15px; max-width: 150px; }
.header-top { margin: 15px 55px 0 0; }
.instagram_box { margin: 0 5px 5px 0; width: 267px; }
.instagram_box img { width: 100%; }
.testimonials_sec h2 { font-size: 30px; }
.inner-page .alignright { float: none; margin: 0 auto 20px; display: table; }
.inner-page .alignleft { float: none; margin: 0 auto 20px; display: table; }
.contact_details .col-xs-6 { width: 100%; }
.inner-page .cnt_details_box { margin: 0 0 10px; min-height: 100%; }
.inner-page .cnt_details_box a.mail_txt { font-size: 16px; }
.contact_us_02 .contact-form .form-group .captcha_box { float: left; width: 100% }
.contact_us_02 .contact-form .form-group .submit_btn_box { float: left; width: 100%; margin: 0 0 0 0 }
.our_brand_logo .col-md-3+.col-md-3 { border-left: 0; }
.client_logo + .client_logo:before { display: none; }
.client_logo + .client_logo { margin-top: 30px; }
.our_brand_logo .col-xs-6 { width: 50% }
.gallery1_box_main .col-xs-6 { width: 50%; }
.get_a_quote_form .contact-form .form-group .captcha_box { margin: 0 0 20px 0; transform: scale(1); float: left; width: 100%; }
.contact-form .submit_btn_box { margin-top: 0; position: relative; float: right; width: 100% }
.contact-form .captcha_box { margin-top: 0; position: relative; float: right; width: 100% }
.contact_us_02 { padding: 30px 0 0 0 }
}
@media (max-width:479px) {
.logo { margin: 0; padding: 10px 0; max-width: 220px; float: none; margin: 0 auto; }
.header-top { margin: 0px 85px 0 0; float: left; }
.header { padding-bottom: 10px; }
.banner { padding: 140px 0 0; }
.txt h2 { color: #fff; margin: 0; font-size: 35px; }
.instagram_box { margin: 0 5px 5px 0; width: 100%; }
.instagram_box img { width: 100%; }
.sevive_box_main .col-xs-6 { width: 100%; }
.inner-page .connect_title { font-size: 18px; }
.inner-banner { position: relative; padding: 140px 0 0 0; }
.inner-banner-img { min-height: 200px; }
.hl-gallery h2 { font-size: 25px; }
.gallery1_box_main .col-sm-4 { width: 100%; float: none; max-width: 320px; margin: 0 auto }
}
@media (max-width:415px) {
.header-top { margin: 0px 55px 0 0; float: left; }
.two_btn a.white { margin: 0 0 10px 0; }
.ser-locat .col-xs-6 { width: 100%; }
}
@media screen and (min-width:700px) and (max-width:990px) {
}