/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1650px) {
.contact-section .logo-img{ top: 116px; right: 16px; width: 8%;}
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
.header .logo{ padding-left: 20px; padding-right: 20px;}
.contact-section .logo-img{ top: 116px; right: 16px; width: 8%;}
.BannerSlider .container{ height: 700px;}
.service-item .content{ padding: 24px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.header .logo{ padding-left: 20px; padding-right: 20px;}
.BannerSlider .container{ height: 700px;}
.service-item .content{ padding: 24px;}
.contact-section .logo-img{ top: 116px; right: 16px; width: 8%;}
.stellarnav > ul > li{ margin-left: 24px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.header{ padding: 0 20px;}
.header .header-info{ display: none;}
.header .logo, .footer-logo img{ width: 200px; padding: 10px 0;}
.header .header-right{ width: auto; margin-left: auto;}
.header{ align-items: center;}
.header .phone{ order: 1; margin: 0 0 0 auto;}
.stellarnav{ order: 2; margin-left: 6px;}
.BannerSlider .container{ height: 600px; padding-top: 95px; align-items: flex-end; padding: 0; max-width: 100%; width: 100%;}
.BannerSlider .container .row{ margin: 0;}
.BannerSlider .container .row [class*=col-]{ padding: 0;}
.BannerSlider .container .content{ padding: 24px; border-radius: 0;}
.service-item .content{ padding: 24px;}
.section{ padding: 60px 0;}
.cta-section .cta-content{ text-align: center; padding-bottom: 0 !important;}
.w3 .container{ padding-top: 60px; padding-bottom: 60px;}
.contact-section .contact-form{ border-radius: 20px;}
.contact-section .container:after{ display: none;}
.contact-section{ padding-top: 60px;}
.contact-section .logo-img{ position: relative; top: auto; right: auto; width: 200px; margin-bottom: 48px;}
.footer-top{ padding: 36px 0;}
.stellarnav li a{ padding: 15px 20px}
.stellarnav{ margin-left: 18px;}
.page-banner .container{ padding-top: 155px; padding-bottom: 60px; height: auto;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.btn{ font-size: 15px; height: 48px; padding: 0 20px;} 
.header{ padding: 0 20px;}
.header .header-info{ display: none;}
.header .logo{ width: 150px; padding: 10px 0;}
.footer-logo img{ width: 150px; height: auto;}
.header .header-right{ width: auto; margin-left: auto;}
.header{ align-items: center;}
.header .phone{ order: 1; margin: 0 0 0 auto;}
.stellarnav{ order: 2; margin-left: 6px;}
.BannerSlider .container{ height: 600px; padding-top: 95px; align-items: flex-end; padding: 0; max-width: 100%; width: 100%;}
.BannerSlider .container .row{ margin: 0;}
.BannerSlider .container .row [class*=col-]{ padding: 0;}
.BannerSlider .container .content{ padding: 24px; border-radius: 0;}
.service-item .content{ padding: 24px;}
.section{ padding: 30px 8px;}
.cta-section .cta-content{ text-align: center; padding-bottom: 0 !important;}
.w3 .container{ padding: 30px 20px;}
.contact-section .contact-form{ border-radius: 20px;}
.contact-section .container:after{ display: none;}
.contact-section{ padding-top: 30px; padding-left: 8px; padding-right: 8px;}
.contact-section .logo-img{ position: relative; top: auto; right: auto; width: 200px; margin-bottom: 48px;}
.footer-top{ padding: 24px 8px;}
.cta-section{ margin-top: 48px;}
.about-image .full-img + .full-img img{ border-width: 5px;}
.BannerSlider .image-fit::before { opacity: 0.25;}
.stellarnav li a{ padding: 15px 20px}
.page-banner .container{ padding-top: 155px; padding-bottom: 60px; height: auto; padding-left: 20px; padding-right: 20px}
.footer{ padding-top: 24px}
} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */

