@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1025px) {
header.sticky .header .logo { padding: 14px 0; -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; }
header.sticky .header .logo img { max-width: 250px; 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: 0 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 .header_btm_main { padding: 10px 0 }
header.sticky .header .navigation { margin: 0 0px 0 0; }
header.sticky .header .header-contact { margin: 30px 0px 0 0; }
header.sticky .header .navigation ul.menu > li > a { padding: 20px 0 0 }
header.sticky .header .btn_enquiry { margin: 10px 0 0 38px }
header.sticky .header .left-top-head { padding: 5px 0 }
header.sticky .header .right-top-head { padding: 5px 0 }
header.sticky .header .right-top-head .head-call { margin: 0 }
header.sticky .header .head-top-main { min-height: auto; }
.right-top-head .head-call span:hover { color: #03334d }
.btn_enquiry span:hover { background: #03334d }
.about_content_main a.btn_read_more:hover { background: #03334d; color: #fff }
.service_box figure:hover > a .hover_txt { transform: none; margin-top: 0; }
.hl_services .service_box figure:hover > a:before { transform: none; }
.hl_services .service_box figure:hover > a:after { position: absolute; content: ""; height: calc(100% - 30px); width: calc(100% - 30px); border: 2px solid #fff; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 5; transition: all 0.5s ease; }
.home_cnt_form .contact-form .submit-btn:hover { background: #03334d; color: #fff; }
.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); }
.footer_details .f_links ul li a:hover { color: #1c9dd8 }
.address_details a:hover { color: #1c9dd8 }
.footer_details .social_icons ul li:hover i { color: #1c9dd8 }
.footer_details .social_icons ul li:hover a span { color: #1c9dd8 }
.inner_breadcrumb .breadcrumb li a:hover { color: #1c9dd8; font-size: 18px; }
.contact_us_02 .cnt_details_box:hover i { background: #01324c; border: 1px solid #01324c; color: #1c9dd8 }
.contact_us_02 .cnt_details_box:hover .footer_social ul li i { background: none; color: #000 }
.inner-page .cnt_details_box a:hover { color: #38b6ff }
.contact_us_02 .contact-form .submit-btn:hover { background: #01324c; color: #fff; }
}
@media (max-width:1200px) {
.logo { padding: 10px 0 }
.banner { padding: 125px 0 0; }
.bx-wrapper img { max-width: 100%; }
.bx-wrapper .bx-caption { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.bx-wrapper .bx-caption h2, .bx-wrapper .bx-caption .h2 { font-size: 60px; }
.about_content_main h1, .about_content_main .h1 { line-height: normal; font-size: 40px; }
.middle_banner { padding: 30px 0 }
.hl_services { padding: 30px 0 }
.hl_testimonials { padding: 50px 0 }
.home_cnt_form .middle_banner_img { padding: 30px 0 }
.hl_instagram { padding: 30px 0 0 0 }
.footer_details { padding: 30px 0 0 0 }
.copyright { margin: 30px 0 0 0; padding: 15px 0 }
.btn_enquiry { margin: 13px 0 0 38px }
.inner-banner { position: relative; padding: 125px 0 0 0; }
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
.btn_enquiry { margin: 15px 0 0 0 }
.navigation-toggle { margin: 15px 0 0 10px }
.home_cnt_form .contact-form .form-group { margin-bottom: 0; }
.service_box figure > a .hover_txt { display: none; }
.hl_services .service_box h3 { margin: -10px 0 0 0 }
h2, .h2 { font-size: 40px; }
.inner-banner-img { min-height: 300px; }
.middle_banner { padding: 30px 0 0; background: #fff !important; }
.hl_services .service_box h3 a, .hl_services .service_box .h3 a { color: #333333; font-size: 18px; display: block; margin: 10px 0 0; }
.bx-controls-direction { display: none; }
.bx-wrapper .bx-caption h3, .bx-wrapper .bx-caption .h3 { font-size: 40px; margin-bottom: 30px; }
.blog_box_main .blog_content { left: 0; padding: 15px 20px 5px; right: 0; background: #ffffff none repeat scroll 0 0; bottom: 0; position: relative; overflow: hidden; }
.blog_box_main .blog_content .blog_textmain { height: 100%; }
.blog_box_main .blog_readmore { padding: 0; width: 100%; }
.blog_box_main .blog_readmore .btn-primary { min-width: 100%; }
.blog_box_main .blog_content { padding: 15px 0 5px; }
}
@media (max-width:1023px) {
}
@media (max-width:991px) {
.bx-wrapper .bx-caption h2, .bx-wrapper .bx-caption .h2 { font-size: 50px; line-height: normal }
.hl_services .service_box .hover_txt p { padding: 0 }
.home_cnt_form .contact-form { padding: 0 }
.hl_instagram h2, .hl_instagram .h2 { margin: 0 0 20px; font-size: 40px; }
.contact_us_02 .map iframe { height: 300px; }
.position_relative { margin: 150px 0 0 0 }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 30px; }
.hl_services .service_box h3 a { font-size: 20px; }
.hl_services .service_box { margin: 0 0 10px }
.services_carousel .hl_services .service_box { margin: 0 0 10px }
h2, .h2 { font-size: 40px; }
.footer_details .f_links ul li a { line-height: normal; font-size: 14px; }
.address_details a { line-height: 30px }
.footer_logo { padding: 35px 0 0 0; }
.services_page.hl_services .service_box h3 { margin: 0; }
.home_cnt_form h2, .home_cnt_form .h2 { margin: 0 }
.footer_details .social_icons ul li i { font-size: 20px; }
.inner-page h1, .inner-page .h1 { font-size: 26px; }
.inner-page h2, .inner-page .h2 { font-size: 22px; }
.inner-page h3, .inner-page .h3 { font-size: 20px; }
.contact_form_map { float: left; width: 100%; padding: 0; }
}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
.bx-wrapper .bx-caption { display: none; }
h2, .h2 { font-size: 30px; }
.top-btn > div { display: none; }
#toTop { width: 40px; height: 40px; padding: 7px 0; bottom: 10px; }
.footer_logo { padding: 20px 0 0; }
.bx-wrapper .bx-controls-direction a { display: none; }
.right-top-head .head-call li { display: inline-block; margin: 0 0 0 5px; }
.left-top-head span { padding: 0 0 0 5px; font-size: 14px; }
.hl_instagram h2, .hl_instagram .h2 { margin: 0 0 20px; font-size: 30px; }
.inner_breadcrumb { display: none; }
.inner-page h2, .inner-page .h2 { font-size: 30px; }
.service_box figure > a .hover_txt { display: none; }
.hl_services .service_box figcaption { margin: 0 0 0 0 }
.hl_testimonials_carousel p { font-size: 18px; line-height: 30px; }
.hl_testimonials { padding: 20px 0; }
.home_cnt_form h2, .home_cnt_form .h2 { margin: 0 }
.services_carousel_main { background: #f1f1f1; padding: 20px 0 0; }
.position_relative { margin: 100px 0 0 0; }
.grecaptcha-badge { display: none !IMPORTANT; }
.footer_details h3, .footer_details .h3 { margin: 0 0 15px; font-size: 20px; }
.testimonialpage_main .testimonial_name { font-size: 18px; }
.testimonialpage_main { margin-bottom: 10px; }
.news-sidebar ul li { padding: 10px 20px 10px 30px; }
.news-sidebar ul li a:before { top: 15px; left: 10px; }
.contact_us_02 .contact-form .form-group { margin-bottom: 20px;}
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
.btn_enquiry a i { font-size: 26px; vertical-align: middle; width: 50px; height: 50px; vertical-align: middle; text-align: center; padding: 11px 13px; 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; display: block; color: #fff; background: #1c9dd8; }
.btn_enquiry span { display: none; }
.left-top-head { display: none; }
.right-top-head .head-call li { display: inline-block; margin: 0 0 0 5px; }
.right-top-head { float: none; }
.right-top-head .head-call { margin: 5px 0; float: none; text-align: center; }
.banner { padding: 103px 0 0; }
.inner-page h1, .inner-page .h1 { font-size: 30px; }
.inner-page ul { padding: 0 }
}
/*----------optional css------*/
@media (max-width:575px) {
h2, .h2 { font-size: 30px; }
.footer_details .f_links ul li a { line-height: normal }
.address_details p, .address_details a { line-height: 30px }
.f_links { margin: 0 0 20px; }
.about_content_main h1 { line-height: normal; font-size: 28px; margin: 0 0 20px }
.inner-page .alignright { float: none; display: table; margin: 0 auto 20px; max-width: 100%; }
.inner-page .alignleft { float: none; display: table; margin: 0 auto 20px; max-width: 100%; }
.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; }
.contact_us_02 .cnt_details_box i { width: 100px; height: 100px; margin: 0 auto 10px; padding: 30px 0 0 0; font-size: 40px; }
.inner-banner { position: relative; padding: 105px 0 0 0; }
.about_content_main h2, .about_content_main .h2 { font-size: 18px; }
}
@media (max-width:479px) {
.logo { padding: 10px 0; max-width: 230px; }
.btn_enquiry { margin: 7px 0 0 0; }
.navigation-toggle { margin: 7px 0 0 5px }
.hl_services .service_box figure { text-align: center }
.right-top-head .head-call span { font-size: 14px; }
.about_content_main h1, .about_content_main .h1 { line-height: normal; font-size: 25px; margin: 0 0 20px; }
.hl_instagram h2, .hl_instagram .h2 { margin: 0 0 20px; font-size: 21px; }
.inner-banner-img { min-height: 200px; }
.inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 30px; }
.inner-page h2, .inner-page .h2 { font-size: 25px; }
.hl_services .service_box h3 a { font-size: 16px; }
.copyright p { font-size: 15px; }
.inner-page h1, .inner-page .h1 { font-size: 25px; }
}
@media (max-width:370px) {
.logo { padding: 10px 0; max-width: 200px; }
.btn_enquiry { margin: 3px 0 0 0; }
.navigation-toggle { margin: 3px 0 0 5px }
.banner { padding: 133px 0 0; }
}
/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px) {
}