/*#region max-width*/

/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

}

/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
    .mainSlider--item__image {
        padding-top: 0px;
    }
    /*#region header */
    .main-bar > .container {
        max-width: 100%;
    }

    .sliderSection .mainSlider--detailsBox > .container {
        max-width: 100%;
    }

    .sliderSection {
        margin-top: 55px;
    }

    .main-bar {
        top: 0;
    }

    .navbar-brand {
        padding: 0 0.75rem 0 0;
    }

    .navbar-brand img {
        width: 70px;
    }

    .subHeader {
        margin-top: 52px;
    }
    
    .subHeader2 {
        margin-top: 52px;
    }

    /*#endregion*/
    /*#region main slider section*/
    .sliderSection {
        margin-top: 52px;
    }

    .mainSlider--detailsBox__description {
        font-size: 14px;
    }

    .mainSlider--detailsBox__title, .sectionHeader, .service--descriptions__title {
        font-size: 20px;
    }

    /*#endregion*/
    /*#region plans section*/
    #pills-tabContent {
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
    }

    #pills-tabContent .floatMenu {
        position: absolute;
        left: 15px;
        top: 0;
    }

    .table thead th:first-of-type {
        width: auto;
    }

    .table tbody tr td:first-of-type {
        text-align: center;

    }

    .table .my-btn-default i {
        display: none;
    }

    .my-btn-default {
        padding: 5px;
        font-size: 16px;
        margin: 0;
        max-width: 100%;
    }

    /*#endregion*/
    /*#region blog section*/
    #blog .owl-nav button.owl-next {
        left: 5% !important;
    }

    #blog .owl-nav button.owl-prev {
        right: 5% !important;
    }

    .table tbody .d-flex.justify-content-between span {
        padding: .375rem 0;
        line-height: 1.5;
    }

    /*#endregion*/
    /*#region newsletter section*/
    .newsLetter--bgImageContainer__image {
        position: relative;
        top: 40%;
        max-width: 100%;
        opacity: 0.6;
        width: 50%;
    }

    /*#endregion*/
    /*#region why us section*/
    .whyUs--logoContainer {
        background: #fff;
        margin: 30px 0;
        text-align: center;
    }

    .whyUs--logoContainer img {
        width: 70%;
    }

    /*#endregion*/
    /*#region faq section*/
    .lastFaq__title {
        font-size: 23px;
    }

    .faqSection .card-header .btn {
        font-size: 14px;
    }

    .faqSection .card {
        margin-right: 0;
    }

    /*#endregion*/
    .moreDetails {
        display: none;
    }

    .blogSection .bl {
        border-left: none;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {

}

/*Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
    .blogSection .blogItem--imageBox {
        margin-left: 0;
        display: block;

    }

    .mainSlider--detailsBox {
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
        padding: 1rem 0;
        top: auto;
        width: 100%;
        right: 0;
        text-align: center;
    }

    .mainSlider--detailsBox:hover {
        color: #6f6f6f;
        background-color: #fff;
    }

    .subFooter--containerBox {
        display: block;
    }

    .allRightFa {
        display: block;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .version {
        display: inline-block;
        width: 49% !important;
        text-align: right;
    }

    .allRightEn {
        display: inline-block;
        width: 49% !important;
        text-align: left;
    }

}


@media screen and (max-width: 399.98px) {
    .newsLetter--bgImageContainer__image {
        position: relative;
        top: 40%;
        width: 100%;
        opacity: 0.6;
    }

}

/*#endregion*/
/*#region min-width*/
@media screen and (min-width: 1600px) {
}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1200px) {
    
}

@media screen and (min-width: 992px) {
    
    .whyUs--logoContainer {
        text-align: center;
    }

    .whyUs--logoContainer__logo {
        //width: 175px;
    }

    .newsLetter--bgImageContainer__image {
        width: 175px;

    }
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 576px) {
    .mainSlider--detailsBox--innerBox:hover {
        color: #6f6f6f;
        background-color: #fff;
    }

    .mainSlider--detailsBox--innerBox {
        text-align: left;
        background: rgba(0, 0, 0, 0.5);
        padding: 1rem;
        border-radius: 3px;
    }
}

/*#endregion*/

/*#region min-width and max-width*/

@media screen and (min-width: 1024px) and (max-width: 1400px) {
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
}

/*#endregion*/
