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

@media (min-width: 992px) and (max-width: 1199px) {
.banner-wrapper { height:500px; }
.banner .banner-img, .banner .banner-image{height:500px; }
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.banner-wrapper { height:400px;}
.project-details [class*=col-] + [class*=col-]{ margin-top:25px;}
.banner .banner-img, .banner .banner-image{height:300px; }
.header-page .container .logo, .footer-page .container .logo{ width:200px;}
.thankyou-banner h2{ font-size:30px; top:30%; left:15px; right:15px; -webkit-transform:translate(0%,-30%); -ms-transform:translate(0%,-30%); transform:translate(0%,-30%);}
.thankyou-banner .banner-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:100vh}
.thankyou-banner .banner-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
p {line-height:1.5rem}
h1, .h1 {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;}
.project-list .row:nth-child(odd) [class*=col-]:first-child, .project-list .row:nth-child(even) [class*=col-]:last-child{  -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} 
.project-list a.d-block .full-img{height:300px;}
.banner-wrapper { height:300px;}
.banner .banner-img, .banner .banner-image{height:250px; }
.post-header .logo{ padding:20px 0;}
.section{ padding:30px 15px;}
.sidebar-form{ margin-top:30px;}
.service-item .media, .service-item .media-body, .service-item img{ display:block; text-align:center;}
.service-item img{ margin:0 auto 20px;}
.service-item .text-left{ text-align:center !important;}
.project-details [class*=col-] + [class*=col-]{ margin-top:25px;}
.header-page .container .logo, .footer-page .container .logo{ width:100px;}
.thankyou-banner h2{ font-size:30px; top:30%; left:15px; right:15px; -webkit-transform:translate(0%,-30%); -ms-transform:translate(0%,-30%); transform:translate(0%,-30%);}
.thankyou-banner .banner-img{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex; height:100vh}
.thankyou-banner .banner-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
} 
/* END__ */

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