@media only screen and (max-width: 1460px) {
    .position-left .description-wrap{
        padding-left: 34px;
        padding-right: 34px;

    }
}
@media only screen and (max-width: 1366px) {
    .position-left .description-wrap{
        padding-left: 64px;
        padding-right: 64px;
    }

}
@media only screen and (max-width: 1300px) {
    .site-main{
        margin-top: 45px
    }
    header{
        min-height: 45px
    }
    header .site-branding img{
        height: 18px
    }
    .main-navigation{
        display: flex;
        justify-content: flex-end;
        max-width: 70px;
        flex: auto;
        align-items: center;
        height: 10px
    }
    .menu-toggle{
        display: flex;
        position: relative;
        background-color: transparent;
        border: 0;
        color: transparent;
        font-size: 0;
        z-index: 99
    }
    .menu-main-menu-container{
        position: fixed;
        width: 100%;
        background-color: var(--c-background);
        transition: all .3s ease-in-out;
        left: 100%;
        padding: 45px 0;
        top: 0;
        min-height: 100vh;
        overflow: scroll;
        /*min-height: calc(100vh - 191px);*/
    }
    .main-navigation.toggled .menu-main-menu-container{
        left: 0
    }
    #primary-menu{
        flex-direction: column;
        padding: 18px 25px;
        align-items: flex-start;
        gap: 9px
    }
    header .action-buttons{
        position: fixed;
        top: 474px;
        /*background-color: hsl(0deg 0% 0% / 90%);*/
        left: 100%;
        transition: all .3s ease-in-out;
        padding: 40px 0;
        display: flex;
        justify-content: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .main-navigation.toggled + .action-buttons{
        /*left: 0;*/
    }
    #primary-menu .menu-item a{
        color: var(--c-primary);
        font-size: 24px;
        line-height: 31px;
        font-family: "Rozha One", serif;
        font-weight: 400;
    }
    #loginButton, #accountButton {
        color: var(--c-primary-b);

    }
    #nav-icon2 {
        display: flex;
        height: 10px;
        align-items: center;
        width: 18px;
        transition: all .3s ease-in-out
    }
    .toggled #nav-icon2{
      width: 30px
    }

    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        opacity: 1;
        transition: .25s ease-in-out;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;

    }
    .page-template-home #nav-icon2 span,
    .page-template-redirect #nav-icon2 span{
        background: var(--c-primary-b);
    }
    .page-template-home .toggled #nav-icon2 span,
    .page-template-redirect .toggled #nav-icon2 span{
        background: #1b253f;
    }
    #nav-icon2 span{
        background: #1b253f
    }

    #nav-icon2 span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }

    #nav-icon2 span:nth-child(odd) {
        left:0;
        border-radius: 9px 0 0 9px;
    }
    #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
        top: 0
    }
    #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
        top: 4px
    }
    #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
        top: 8px
    }
    #nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);

    }
    #nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);

    }

    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 0
    }

    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 0
    }
    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0
    }

    #nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0
    }

    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 5px
    }

    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 5px
    }

}

@media only screen and (max-width: 1199px){
    .position-left .description-wrap{
        left: 0;
    }
    .view-programs .row{
        flex-direction: column
    }
    .view-programs-wrap{
        padding: 15px
    }
}

@media only screen and (max-width: 991px) {


    .position-left .description-wrap {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 768px;
    }
    .services-wrap .slick-prev.slick-arrow,
    .services-wrap .slick-next.slick-arrow{
        display: none!important;
    }
    .services-wrap .price-wrap .price{
        font-size: 35px;
        line-height: 45.4px
    }
    .description-images .action-buttons{
        justify-content: center;
    }

    h1,
    .page-template-home .introduction .title{
        font-size: 41px;
        line-height: 36.9px
    }
    h2{
        font-size: 40px;
        line-height: 41.88px
    }

    body.page-template section {
        padding: 40px 0;
    }
    footer .site-info,
    .service-wrap,
    article .stories-wrap{
        padding-top: 40px;
        padding-bottom: 40px
    }
    body.page-template section.welcome-banner,
    .page-template-home .description-images .description-wrap,
    .separator-vertical,
    body.page-template section.our-fleets-container,
    .services .popup-content .row{
        padding: 0;
    }
    .body.page-template section.cards,
    body.page-template section.view-programs{
        padding-top: 0;
    }
    .box-columns.three_columns .boxes-right .paragraph-wrap,
    body.page-template section.view-programs,
    .services .services-top,
    body.page-template section.services{
        padding-bottom: 0
    }
    .maintenance-left{
        padding-bottom: 80px
    }
    .key-stats-left,
    .key-stats-right,
    .page-template-home .description-images .description-wrap,
    .box-columns.two_columns .boxes-left,
    .single-programs .service-left,
    .single-programs .service-right,
    .box-columns.three_columns .boxes-right > div,
    .box-columns.three_columns .boxes-left,
    .maintenance-left,
    .maintenance-right,
    .story .introduction .container,
    .stories-wrap .container,
    .stories-wrap .post-item,
    .view-programs-wrap,
    .services .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .box-columns.three_columns .boxes-right > div:before{
        width: 60px;
        height: 60px
    }
    .box-columns.three_columns .boxes-right{
        margin: 0
    }

    .stories-wrap .row,
    .services .popup-content .row{
        margin-right: -20px;
        margin-left: -20px

    }
    .stories-wrap .row{
        gap: 32px
    }

    footer .footer-menu-wrap .footer-menu{
        flex: 1 1 50%;
        border-bottom: 1px solid;
        padding-bottom: 32px;
        margin-bottom: 40px;
    }
    footer .separator{
        display: none;
    }
    .footer-bottom{
        flex-direction: column-reverse;
        padding: 0 20px
    }
    .footer-bottom .left-part{
        flex-direction: column
    }
    .footer-bottom .left-part a{
        text-decoration: underline
    }
    footer .site-branding{
        margin-bottom: 40px
    }
    .footer-bottom span{
        text-align: center
    }
    .stories-wrap .post-item{
        flex: 0 0 calc(50% - 16px);
    }
    .modal-content{
        width: 96%
    }
    .page-template-home .box-columns .separator-vertical:before{
        display: none
    }
    .testimonials .slick-prev.slick-arrow,
    .testimonials .slick-next.slick-arrow{
        bottom: -30px;
    }
    .our-fleets-wrap .action-buttons{
        justify-content: center
    }
}
@media only screen and (max-width: 768px) {
    .position-center .description-wrap, .position-left .description-wrap{
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 40px 20px 70px;
    }
    .page-template-home .position-center .description-wrap{
        padding-top: 111px;
    }
    .description,
    .box-columns .paragraph span{
        font-size: 14px;
        line-height: 22.4px
    }


    .page-template-home .welcome-banner .banner-holder,
    .page-template-redirect .welcome-banner .banner-holder,
    .page-template-home .welcome-banner img,
    .page-template-redirect .welcome-banner img{
        max-height: 525px;
        min-height: 525px
    }
    .single-post .welcome-banner .banner-holder,
    .single-post .welcome-banner img{
        max-height: 221px;
        min-height: 221px;
    }
    .welcome-banner .banner-holder,
    .welcome-banner img{
        max-height: 525px;
        min-height: 525px
    }

    footer .footer-menu-wrap .footer-menu,
    .stories-wrap .post-item{
        flex: 1 1 100%
    }

    .cards-row{

    }
    .page-template-home .card-wrap{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .description-images .images-wrap img{
        display: none
    }

    .key-stats-left{
        margin-bottom: 18px
    }
    .key-stats .key-stats-left span{
        font-size: 12px;
        line-height: 18px;
    }
    .key-stats .description{
        font-size: 14px
    }
    .stats-box-wrap > div{
        flex: 1
    }
    .key-stats .stats-box-wrap .number {
        font-size: 41px;
        line-height: 36.9px
    }
    .key-stats .stats-box-wrap .text{
        font-size: 14px;
        line-height: 22.4px
    }
    .key-stats .action-buttons {
        justify-content: center
    }
    .services-simple .services-simple-wrap .title-box{
        margin-bottom: 9px
    }
    .maintenance-left-bottom .maintenance-bottom{
        flex: 1 1 calc(100% - 12px)
    }
}

@media only screen and (max-width: 768px) {
    .testimonials .separator{
        display: none
    }
    .testimonial-right-bg{
        margin-left: 70px;
    }
    .slick-prev.slick-arrow,
    .slick-next.slick-arrow{
        bottom: -88px;
    }
}