/* #Media Queries
================================================== */
/* END__ */

@media (min-width: 992px) and (max-width: 1199px) {
#page{ padding-top:60px;}
/*.header .media-body{ display:none;}
.header .logo{ order:1; width:120px; line-height:60px;}
.stellarnav{order:4; margin:0;}
.header .media{order:2; margin:0 0 0 auto;}
.header .call-sm{ background:#AECC50; height:32px; width:38px; border-radius:60px; color:#fff; font-size:16px; text-align:center; line-height:32px; order:3; margin:0 12px;}
.header .media .icon{ height:44px; width:44px;}*/
.hero-image{ max-width:600px;}
.hero-image h4{ font-size:20px; padding:15px; width:230px; margin:0;l}
.banner .content{ font-size:18px;}
.stellarnav > ul > li > a{ font-size:16px;}
.header .media{ font-size:17px;}
.w5 .row { margin-left:-15px; margin-right:-15px;}
.w5 .row [class*="col-"]{ padding-left:15px; padding-right:15px;}
.w8 .number-block h2{ font-size:36px;}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
#page{ padding-top:60px;}
.header .media-body{ display:none;}
.header .logo{ order:1; width:120px; line-height:60px;}
.stellarnav{order:4; margin:0;}
.header .media{order:2; margin:0 0 0 auto;}
.header .call-sm{ background:#AECC50; height:32px; width:38px; border-radius:60px; color:#fff; font-size:16px; text-align:center; line-height:32px; order:3; margin:0 12px;}
.header .media .icon{ height:44px; width:44px;}
.hero-image{ max-width:600px; right:-250px}
.hero-image h4{ font-size:20px; padding:15px; width:230px; margin:0;l}
.banner .content{ font-size:18px;}
.w5 .row { margin-left:-15px; margin-right:-15px;}
.w5 .row [class*="col-"]{ padding-left:15px; padding-right:15px;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
h1, .h1, .banner h2 {font-size:1.875rem;}
h2, .h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
#page{ padding-top:60px;}
.header .media-body{ display:none;}
.header .logo{ order:1; width:120px; line-height:60px;}
.stellarnav{order:4; margin:0;}
.header .media{order:2; margin:0 0 0 auto;}
.header .call-sm{ background:#AECC50; height:32px; width:38px; border-radius:60px; color:#fff; font-size:16px; text-align:center; line-height:32px; order:3; margin:0 12px;}
.header .media .icon{ height:44px; width:44px;}
.banner-btn{ display:none;}
.banner{ padding:30px 0 0 0; } 
.hero-image{ position:relative; bottom:auto; width:100%; max-width:320px; left:auto; right:auto; margin:0 auto; z-index:20;}
.hero-image h4{ font-size:10px; padding:3px 6px; width:125px; margin:0;l}
.banner .content{ font-size:16px;}
.form-wrapper .d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.form-wrapper .d-flex > * { padding:0 8px;}
.form-wrapper .d-flex .form-group{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-left:0; margin-right:0; padding:0 8px;}
.form-wrapper .d-flex .form-group:nth-child(3){-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.form-wrapper{ padding:36px 0;}
.section{ padding:30px 0;}
.w4 [class*=col-]{ margin-top:40px;}
.w8 .number-block h2{ font-size:30px;}
.w8 .number-block h5, .w8 .number-block h2 .text{ font-size:14px;}
.footer-content ul li{ display:block; margin:0;}
.footer-content ul li a{ font-size:18px; font-weight:400;}
.footer-content ul li + li{ margin-top:12px;}
.footer-btn.media{ padding:10px;}
.stellarnav > ul > li{ float:none;}
.w5 .row { margin-left:-15px; margin-right:-15px;}
.w5 .row [class*="col-"]{ padding-left:15px; padding-right:15px;}
} 
/* END__ */

@media (max-width: 480px) {
} 
/* END__ */