/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1500px) {
.header .pre-header, .header .post-header{ padding-left: 18%; padding-right: 20px;}
.logo{ width: 15%; left: 1.5%;}
.header .post-header .btn{ margin-left: 10px;}
.header .post-header .call{ font-size: 15px;}
.header .post-header .call .icon{ margin-right: 10px;}
.stellarnav > ul > li + li{ margin-left: 24px;}
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
 .header .pre-header, .header .post-header, .my-acc-title{ padding-left: 18%; padding-right: 20px;}
 .logo{ width: 15%; left: 1.5%;}
 .header .post-header .btn{ margin-left: 10px;}
 .header .post-header .call{ font-size: 15px;}
 .header .post-header .call .icon{ margin-right: 0;}
 .stellarnav > ul > li + li{ margin-left: 24px;}
 .header .post-header .call .flex-grow-1{ display: none;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
 .header .pre-header, .header .post-header, .my-acc-title{ padding-left: 18%; padding-right: 20px;}
 .logo{ width: 15%; left: 1.5%; padding: 10px;}
 .header .post-header .btn{ margin-left: 10px; font-size: 14px; padding: 0 20px; height: 40px;}
 .header .post-header .call{ font-size: 15px; padding-right: 0; margin-right: 10px; border: none;}
 .header .post-header .call .icon{ margin-right: 0;}
 .stellarnav > ul > li + li{ margin-left: 18px;}
 .header .post-header .call .flex-grow-1{ display: none;}
 .stellarnav a{ font-size: 14px;}
 .banner .image-fit{ height: 650px;}
 .icon-box-section .container{ margin-top: -35px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
 .header .pre-header{ padding: 0 20px;}
 .header .post-header{ padding-left: 200px; padding-right: 20px;}
 .header .post-header .btn{ margin-left: 10px; font-size: 14px; padding: 0 20px; height: 40px;}
 .header .post-header .call{ font-size: 15px; padding-right: 0; margin-right: 10px; border: none;}
 .header .post-header .call .icon{ margin-right: 0;}
 .header .post-header .call .flex-grow-1{ display: none;}
 .header .post-header { height: 80px;}
 .header .post-header .header-right{ order: 1;}
 .stellarnav{ order: 2; margin-left: 16px;}
 .logo{ height: 100px; width: 200px; padding: 20px; top: 50px; left: 20px;}
 .banner .container{ top:auto; left:auto; -webkit-transform:translateX(0%) translateY(0%); transform:translateX(0%) translateY(0); position: relative; max-width: 100%; padding:0 20px 20px 20px; margin-top: -50px;}
 .icon-box-section .container{ margin-top:0;}
 .banner-content{ background-color: #000;}
 .banner .image-fit{ height: 400px;}
 .btn{ height: 50px;}
 .section{ padding: 40px 0;}
 .cta-section::before, .cta-section::after { display: none;}
 .cta-section .container{ padding: 0; max-width: 100%;}
 .cta-section .container .row{ margin: 0;}
 .cta-section [class*="col-"]{ padding: 48px; background-color: var(--bs-secondary);}
 .cta-section [class*="col-"] + [class*="col-"]{ background-color: var(--bs-primary);}
 .project-item{ display: block; margin: 0; border-radius: 10px; overflow: hidden;}
 .project-item time{transform: rotate(0deg); margin: 0; top: 20px; left: 20px; right: auto;}
 .footer{ font-size: 14px;}
 .footer-top{ padding: 30px 0;}
 .bx-wrapper .bx-pager{ position: relative; top: auto; bottom: auto; left: auto; right: auto; flex-direction: row; margin: 0; justify-content: center;}
 .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 5px;}
 .bx-wrapper{ padding-right: 0;}
 .icon-box-section .row [class*=col-]:last-child{ width: 100%;}
 .project-item .image-fit{ border-radius: 0;}
 .my-acc-title{ padding: 60px 20px 30px;}
 .acc-wrapper .menu{ width: 100%; margin: 0 0 24px 0;}
} 
/* END__ */

@media only screen and (max-width:767px) {
 .header .pre-header{ padding: 0 20px;}
 .header .post-header{ padding-left: 150px; padding-right: 20px;}
 .header .post-header .btn{ margin-left: 10px; font-size: 14px; padding: 0 20px; height: 40px;}
 .header .post-header .call{ font-size: 15px; padding-right: 0; margin-right: 10px; border: none;}
 .header .post-header .call .icon{ margin-right: 0;}
 .header .post-header .call .flex-grow-1{ display: none;}
 .header .post-header { height: 80px;}
 .header .post-header .btn{ display: none;}
 .header .post-header .header-right{ order: 1;}
 .stellarnav{ order: 2; margin-left: 16px;}
 .logo{ height: 100px; width: 130px; padding: 10px; top: 50px; left: 20px;}
 .banner .container{ top:auto; left:auto; -webkit-transform:translateX(0%) translateY(0%); transform:translateX(0%) translateY(0); position: relative; max-width: 100%; padding:0 20px 20px 20px; margin-top: -50px;}
 .icon-box-section .container{ margin-top:0;}
 .banner-content{ background-color: #000;}
 .banner .image-fit{ height: 300px;}
 .container{ padding-left: 20px; padding-right: 20px;}
 .btn{ height: 50px; padding-left: 20px; padding-right: 20px; font-size: 14px;}
 .section{ padding: 40px 0;}
 .cta-section::before, .cta-section::after { display: none;}
 .cta-section .container{ padding: 0; max-width: 100%;}
 .cta-section .container .row{ margin: 0;}
 .cta-section [class*="col-"]{ padding: 30px 20px; background-color: var(--bs-secondary);}
 .cta-section [class*="col-"] + [class*="col-"]{ background-color: var(--bs-primary);}
 .project-item{ display: block; margin: 0; border-radius: 10px; overflow: hidden;}
 .project-item time{transform: rotate(0deg); margin: 0; top: 20px; left: 20px; right: auto;}
 .footer{ font-size: 14px;}
 .footer-top{ padding: 30px 0;}
 .footer-bottom .menu{ flex-direction: column;}
 .footer-bottom .menu li + li{ margin: 5px 0 0 0;}
 .bx-wrapper .bx-pager{ position: relative; top: auto; bottom: auto; left: auto; right: auto; flex-direction: row; margin: 0; justify-content: center;}
 .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 5px;}
 .bx-wrapper{ padding-right: 0;}
 .project-item .image-fit{ border-radius: 0;}
 .project-btns a{ font-size: 12px; padding: 6px 12px;}
 .progress-div .btn-div .btn img{ height: 24px; width: auto;}
 .progress-div .target{ font-size: 14px;}
 .my-acc-title{ padding: 50px 20px 30px;}
 .acc-wrapper .menu{ width: 100%; margin: 0 0 24px 0;}

} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */