@media only screen and (min-width : 0) and (max-width : 400px) {
    .navbrcmb .breadcrumb {
        top: 100px !important;
    }
    /* Header */
    header {
        margin: 0;
    }

        header .container .row > div {
            margin: 5px 0;
        }


        header .container .row div > a {
            text-align: center;
        }

        header .border-start {
            border-left: none !important;
        }

    .search-box {
        margin-top: 35px;
    }

    header .search-btn {
        width: 30px;
    }

    .nav-mobile {
        top: -4px;
        right: 13px;
        height: auto;
    }


    /* Slider */
    .page-main_slider {
        margin-top: 30px;
        height: auto;
    }

    .sliderSwiper {
        padding: 0 !important;
    }

    .total, total > * {
        font-size: 12px !important;
    }

    .page-main_slider .sliderSwiper .total figure {
        display: none;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 3px;
        z-index: 1111;
        width: 100%;
        border-radius: 0;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        position: absolute;
        left: 6%;
        top: 0%;
        background: transparent;
        color: #fff;
        font-size: 25px;
        font-family: "Montserrat-Bold ";
        font-weight: bold;
    }

    .page-tour_content ul#aboutus {
        width: 100% !important;
    }

    .page-about_banner, .page-contact_banner, .page-blog_banner, .page-tour_banner, .page-city_banner {
        height: 120px !important;
    }

    /* Our Tours*/
    .page-main_ourtours .cardtourSwiper .card {
        width: 100% !important;
    }

    .page-main_ourtours .container .row .view-trip {
        width: 90% !important;
        padding: 15px 0;
    }

        .page-main_ourtours .container .row .view-trip:hover {
            background-color: #1638d8 !important;
            transition: all 0.8s linear;
            color: #fff;
        }

    .page-main_offer {
        height: auto;
    }

    .page-main_banner {
        height: auto;
        width: 100%;
        background-size: unset;
        padding: 50px 0;
        margin: 0;
    }

    .page-main_offer .page-main_offer-description div {
        width: 100%;
    }

    .page-main_offer .page-main_offer-description {
        height: auto;
    }

    .page-main_activities .pic-activities {
        background-repeat: no-repeat;
        height: 340px;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        background-size: cover;
    }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 100%;
        height: 200px;
        cursor: pointer;
        transition: all 0.8s ease-in-out;
        border-radius: 20px;
        margin: 10px 0;
    }

    .page-main_features p {
        width: 100% !important;
    }

    #IranMap .map {
        width: 100% !important;
    }

    .page-main_features > * {
        text-align: center;
        justify-content: center;
    }

    .page-main_features img {
        margin: 0 auto;
    }

    .page-main_information .play-button-wrapper {
        top: 50px !important;
        left: 0px !important;
    }

    .page-main_city .container .row > div {
        width: 100% !important;
    }

    .page-main_city .container .row div figure img {
        width: 100% !important;
        margin: 10px 0;
        height: auto !important;
    }

    .page-main_information a {
        width: 90% !important;
        margin: 0 auto;
    }

    video {
        width: 100% !important;
    }

    #viewOurTour {
        width: 90% !important;
        margin: 0 auto;
    }


    .page-about_content .container #aboutus li,
    .page-tour_content .container #aboutus li {
        width: 100%;
        border: none;
        text-align: center;
    }

        .page-about_content .container #aboutus li button,
        .page-tour_content .container #aboutus li button {
            margin: 0 auto !important;
            padding: 0 !important;
        }

    .page-about_content .container .position-sticky,
    .page-tour_content .container .position-sticky {
        position: static !important;
    }


    #myTabContent .bg-fourth.text-white.w-25.py-2 {
        width: 100% !important;
    }
    /* Footer */
    footer {
        overflow: hidden
    }

        footer .bg-footer {
            background-image: url(../images/pageMain/footer.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 170px;
            position: relative;
            background-size: cover;
        }

        footer .img-backtotop {
            left: 8% !important;
            top: -47px;
            width: 250px;
        }

        footer .beer-handle {
            top: -33px;
            left: 129px;
        }


    .hotels{
        padding:50px 0 !important;
    }
    #faqs h2 span{
        margin:10px 0;
    }
}









@media only screen and (min-width : 401px) and (max-width : 600px) {

    /* Header */


    header {
        margin: 0;
    }

        header .container .row > div {
            margin: 5px 0;
        }


        header .container .row div > a {
            text-align: center;
        }

        header .border-start {
            border-left: none !important;
        }

    .search-box {
        margin-top: 35px;
    }

    header .search-btn {
        width: 30px;
    }

    .nav-mobile {
        top: -4px;
        right: 13px;
        height: auto;
    }

    /* Slider */
    .page-main_slider {
        margin-top: 30px;
        height: auto;
    }

    .sliderSwiper {
        padding: 0 !important;
    }

    .total, total > * {
        font-size: 12px !important;
    }

    .page-main_slider .sliderSwiper .total figure {
        display: none;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 3px;
        z-index: 1111;
        width: 100%;
        border-radius: 0;
    }

    #IranMap .map {
        width: 100% !important;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        position: absolute;
        left: 6%;
        top: 0%;
        background: transparent;
        color: #fff;
        font-size: 25px;
        font-family: "Montserrat-Bold ";
        font-weight: bold;
    }

    /* Our Tours*/
    .page-main_ourtours .cardtourSwiper .card {
        width: 100% !important;
    }

    .page-main_ourtours .container .row .view-trip {
        width: 90% !important;
        padding: 15px 0;
    }

        .page-main_ourtours .container .row .view-trip:hover {
            background-color: #1638d8 !important;
            transition: all 0.8s linear;
            color: #fff;
        }

    .page-main_offer {
        height: auto;
    }

    .page-main_banner {
        height: auto;
        width: 100%;
        background-size: unset;
        padding: 50px 0;
        margin: 0;
    }

    .page-main_offer .page-main_offer-description div {
        width: 100%;
    }

    .page-main_offer .page-main_offer-description {
        height: auto;
    }

    .page-main_activities .pic-activities {
        background-repeat: no-repeat;
        height: 340px;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        background-size: cover;
    }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 100%;
        height: 200px;
        cursor: pointer;
        transition: all 0.8s ease-in-out;
        border-radius: 20px;
        margin: 10px 0;
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_features > * {
        text-align: center;
        justify-content: center;
    }

    .page-main_features img {
        margin: 0 auto;
    }

    .page-main_city .container .row > div {
        width: 100% !important;
    }

    .page-main_city .container .row div figure img {
        width: 100% !important;
        margin: 10px 0;
        height: auto !important;
    }

    .page-main_information a {
        width: 90% !important;
        margin: 0 auto;
    }

    .page-main_information .play-button-wrapper {
        top: 50px !important;
        left: 0px !important;
    }

    video {
        width: 100% !important;
    }

    #viewOurTour {
        width: 90% !important;
        margin: 0 auto;
    }

    .page-tour_content .container #aboutus li {
        width: 100%;
        border: none;
        text-align: center;
    }

        .page-tour_content .container #aboutus li button {
            margin: 0 auto !important;
            padding: 0 !important;
        }

    .page-tour_content .container .position-sticky {
        position: static !important;
    }


    #myTabContent .bg-fourth.text-white.w-25.py-2 {
        width: 100% !important;
    }
    /* Footer */
    footer {
        overflow: hidden
    }

        footer .bg-footer {
            background-image: url(../images/pageMain/footer.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 170px;
            position: relative;
            background-size: cover;
        }

        footer .beer-handle {
            top: -35px;
            left: 360px;
        }

    .hotels {
        padding: 50px 0 !important;
    }
}






@media only screen and (min-width : 601px) and (max-width : 800px) {



    header {
        margin: 0;
    }

        header .container .row > div {
            margin: 5px 0;
        }


        header .container .row div > a {
            text-align: center;
        }

        header .border-start {
            border-left: none !important;
        }

    .search-box {
        margin-top: 35px;
    }

    header .search-btn {
        width: 30px;
    }

    .nav-mobile {
        top: -4px;
        right: 13px;
        height: auto;
    }

    .page-main_information .play-button-wrapper {
        top: 50px !important;
        left: 0px !important;
    }
    /*Slider*/
    .page-main_slider {
        margin-top: 30px;
        height: auto;
    }

    .sliderSwiper {
        padding: 0 !important;
    }

    .total, total > * {
        font-size: 12px !important;
    }

    .page-main_slider .sliderSwiper .total figure {
        display: none;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 3px;
        z-index: 1111;
        width: 100%;
        border-radius: 0;
    }

    #IranMap .map {
        width: 100% !important;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        position: absolute;
        left: 6%;
        top: 0%;
        background: transparent;
        color: #fff;
        font-size: 25px;
        font-family: "Montserrat-Bold ";
        font-weight: bold;
    }

    /*Our Tours*/
    .page-main_ourtours .cardtourSwiper .card {
        width: 100% !important;
    }

    .page-main_ourtours .container .row .view-trip {
        width: 90% !important;
        padding: 15px 0;
    }

        .page-main_ourtours .container .row .view-trip:hover {
            background-color: #1638d8 !important;
            transition: all 0.8s linear;
            color: #fff;
        }

    .page-main_offer {
        height: auto;
    }

    .page-main_banner {
        height: auto;
        width: 100%;
        background-size: unset;
        padding: 50px 0;
        margin: 0;
    }

    .page-main_offer .page-main_offer-description div {
        width: 100%;
    }

    .page-main_offer .page-main_offer-description {
        height: auto;
    }

    .page-main_activities .pic-activities {
        background-repeat: no-repeat;
        height: 340px;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        background-size: cover;
    }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 100%;
        height: 200px;
        cursor: pointer;
        transition: all 0.8s ease-in-out;
        border-radius: 20px;
        margin: 10px 0;
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_features > * {
        text-align: center;
        justify-content: center;
    }

    .page-main_features img {
        margin: 0 auto;
    }

    .page-main_city .container .row > div {
        width: 50% !important;
        margin: 50px auto;
    }

    .page-main_city .container .row div figure img {
        width: 100% !important;
        margin: 10px 0;
        height: auto !important;
    }

    .page-main_information a {
        width: 90% !important;
        margin: 0 auto;
    }

    video {
        width: 100% !important;
    }

    #viewOurTour {
        width: 90% !important;
        margin: 0 auto;
    }

    .page-tour_content .container #aboutus li {
        width: 100%;
        border: none;
        text-align: center;
    }

        .page-tour_content .container #aboutus li button {
            margin: 0 auto !important;
            padding: 0 !important;
        }

    .page-tour_content .container .position-sticky {
        position: static !important;
    }


    #myTabContent .bg-fourth.text-white.w-25.py-2 {
        width: 100% !important;
    }

    footer {
        overflow: hidden
    }

        footer .bg-footer {
            background-image: url(../images/pageMain/footer.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 170px;
            position: relative;
            background-size: cover;
            overflow: hidden;
        }

        footer .beer-handle {
            top: -35px;
            left: 360px;
        }
    .hotels {
        padding: 50px 0 !important;
    }
}










@media only screen and (min-width : 801px) and (max-width :900px) {

    /*Header*/


    header {
        margin: 0;
    }

        header .container .row > div {
            margin: 5px 0;
        }


        header .container .row div > a {
            text-align: center;
        }

        header .border-start {
            border-left: none !important;
        }

    .search-box {
        margin-top: 35px;
    }

    header .search-btn {
        width: 30px;
    }

    .nav-mobile {
        top: -4px;
        right: 13px;
        height: auto;
    }


    /*Slider*/
    .page-main_slider {
        margin-top: 30px;
        height: auto;
    }

    .sliderSwiper {
        padding: 0 !important;
    }

    .total, total > * {
        font-size: 12px !important;
    }

    .page-main_slider .sliderSwiper .total figure {
        display: none;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 3px;
        z-index: 1111;
        width: 100%;
        border-radius: 0;
    }

    #IranMap .map {
        width: 100% !important;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        position: absolute;
        left: 6%;
        top: 0%;
        background: transparent;
        color: #fff;
        font-size: 25px;
        font-family: "Montserrat-Bold ";
        font-weight: bold;
    }

    /*Our Tours*/
    .page-main_ourtours .cardtourSwiper .card {
        width: 100% !important;
    }

    .page-main_ourtours .container .row .view-trip {
        width: 90% !important;
        padding: 15px 0;
    }

        .page-main_ourtours .container .row .view-trip:hover {
            background-color: #1638d8 !important;
            transition: all 0.8s linear;
            color: #fff;
        }

    .page-main_offer {
        height: auto;
    }

    .page-main_banner {
        height: auto;
        width: 100%;
        background-size: unset;
        padding: 50px 0;
        margin: 0;
    }

    .page-main_offer .page-main_offer-description div {
        width: 100%;
    }

    .page-main_offer .page-main_offer-description {
        height: auto;
    }

    .page-main_activities .pic-activities {
        background-repeat: no-repeat;
        height: 340px;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        background-size: cover;
    }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 100%;
        height: 200px;
        cursor: pointer;
        transition: all 0.8s ease-in-out;
        border-radius: 20px;
        margin: 10px 0;
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_features > * {
        text-align: center;
        justify-content: center;
    }

    .page-main_features img {
        margin: 0 auto;
    }

    .page-main_city .container .row > div {
        width: 50% !important;
        margin: 50px auto;
    }

    .page-main_city .container .row div figure img {
        width: 100% !important;
        margin: 10px 0;
        height: auto !important;
    }

    .page-main_information a {
        width: 90% !important;
        margin: 0 auto;
    }

    video {
        width: 100% !important;
    }

    #viewOurTour {
        width: 90% !important;
        margin: 0 auto;
    }


    .page-tour_content .container #aboutus li {
        width: 100%;
        border: none;
        text-align: center;
    }

        .page-tour_content .container #aboutus li button {
            margin: 0 auto !important;
            padding: 0 !important;
        }

    .page-tour_content .container .position-sticky {
        position: static !important;
    }


    #myTabContent .bg-fourth.text-white.w-25.py-2 {
        width: 100% !important;
    }


    /*Footer*/
    footer {
        overflow: hidden
    }

        footer .bg-footer {
            background-image: url(../images/pageMain/footer.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 170px;
            position: relative;
            background-size: cover;
        }

    .hotels {
        padding: 50px 0 !important;
    }
}





@media only screen and (min-width : 901px) and (max-width :992px) {

 /*Header*/ 


header {
        margin: 0;
    }

        header .container .row > div {
            margin: 5px 0;
        }


        header .container .row div > a {
            text-align: center;
        }

        header .border-start {
            border-left: none !important;
        }

    .search-box {
        margin-top: 35px;
    }

    header .search-btn {
        width: 30px;
    }

    .nav-mobile {
        top: -4px;
        right: 13px;
        height: auto;
    }


 /*Slider*/ 
.page-main_slider {
        margin-top: 30px;
        height: auto;
    }

    .sliderSwiper {
        padding: 0 !important;
    }

    .total, total > * {
        font-size: 12px !important;
    }

    .page-main_slider .sliderSwiper .total figure {
        display: none;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 3px;
        z-index: 1111;
        width: 100%;
        border-radius: 0;
    }

    #IranMap .map {
        width: 100% !important;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        position: absolute;
        left: 6%;
        top: 0%;
        background: transparent;
        color: #fff;
        font-size: 25px;
        font-family: "Montserrat-Bold ";
        font-weight: bold;
    }

 /*Our Tours*/
.page-main_ourtours .cardtourSwiper .card {
        width: 100% !important;
    }

    .page-main_ourtours .container .row .view-trip {
        width: 90% !important;
        padding: 15px 0;
    }

        .page-main_ourtours .container .row .view-trip:hover {
            background-color: #1638d8 !important;
            transition: all 0.8s linear;
            color: #fff;
        }

    .page-main_offer {
        height: auto;
    }

    .page-main_banner {
        height: auto;
        width: 100%;
        background-size: unset;
        padding: 50px 0;
        margin: 0;
    }

    .page-main_offer .page-main_offer-description div {
        width: 100%;
    }

    .page-main_offer .page-main_offer-description {
        height: auto;
    }

    .page-main_activities .pic-activities {
        background-repeat: no-repeat;
        height: 340px;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        background-size: cover;
    }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 100%;
        height: 200px;
        cursor: pointer;
        transition: all 0.8s ease-in-out;
        border-radius: 20px;
        margin: 10px 0;
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_features > * {
        text-align: center;
        justify-content: center;
    }

    .page-main_features img {
        margin: 0 auto;
    }

    .page-main_city .container .row > div {
        width: 50% !important;
        margin: 50px auto;
    }

    .page-main_city .container .row div figure img {
        width: 100% !important;
        margin: 10px 0;
        height: auto !important;
    }

    .page-main_information a {
        width: 90% !important;
        margin: 0 auto;
    }

    video {
        width: 100% !important;
    }

    #viewOurTour {
        width: 90% !important;
        margin: 0 auto;
    }

    .page-tour_content .container #aboutus li {
        width: 100%;
        border: none;
        text-align: center;
    }

        .page-tour_content .container #aboutus li button {
            margin: 0 auto !important;
            padding: 0 !important;
        }

    .page-tour_content .container .position-sticky {
        position: static !important;
    }


    #myTabContent .bg-fourth.text-white.w-25.py-2 {
        width: 100% !important;
    }

 /*Footer*/ 
footer {
        overflow: hidden
    }

        footer .bg-footer {
            background-image: url(../images/pageMain/footer.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 170px;
            position: relative;
            background-size: cover;
        }
}










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

    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 50px 0 15px;
    }

        nav ul {
            display: none;
        }

            nav ul li {
                float: none;
            }

        nav ui li a {
            padding: 15px;
            line-height: 20px;
        }

        nav ui li ul li a {
            padding-left: 30px;
        }



    .nav-dropdown {
        position: static;
    }
}

@media only screen and (min-width : 769px) and (max-width : 991px) {
    /*Header*/
    .header .search-box {
        right: 110px;
    }

    header .search-box:hover > .search-input {
        width: 200px;
        padding: 0 7px;
        height: 40px;
    }
    /*NAV*/
    .nav-list {
        display: block !important;
    }
    /*Slider*/
    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 40px;
        right: 10%;
        padding: 25px;
        z-index: 1111;
        width: 80% !important;
    }

        .page-main_slider .sliderSwiper .total figure {
            display: none;
        }

    .page-main_offer .page-main_offer-description div {
        background-color: #eff1f3;
        width: 55%;
        padding: 10px;
        border-radius: 25px;
        margin: 15px 75px 0 auto;
        position: relative;
    }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        left: 3%;
        top: 5%;
    }

    .page-main_banner {
        height: 200px;
        background-size: 100% 200px;
    }

    .page-main_activities .pic-activities {
        height: 415px;
    }

    .page-main_activities h3 {
        font-size: 24px
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_city a {
        height: 100%;
    }

        .page-main_city a .end-30 {
            right: 13%;
        }

        .page-main_city a .top-30 {
            top: 35%;
        }

    .page-main_information-video {
        position: relative;
    }

        .page-main_information-video video {
            width: 250px;
            height: 250px;
            position: absolute;
            bottom: 30%;
        }

    .page-main_information h2.w-50 {
        width: 100% !important;
    }

    .page-main_information a.w-25 {
        width: 50% !important;
    }

    .page-main_reviews {
        background-position: 4% 190px !important;
        background-size: 50% !important;
    }

    footer .bg-footer {
        height: 220px !important;
    }

    #viewOurTour {
        width: 30% !important;
    }

    footer .beer-handle {
        top: -35px;
        left: 47%;
    }

    .page-main_ourtours .view-trip.w-10 {
        width: 20% !important;
    }
}


@media only screen and (min-width : 992px) and (max-width : 1023px) {


    .page-categoryblog .title h3 {
        position: relative;
        right: 2% !important;
        padding: 30px;
    }

        .page-categoryblog .title h3::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -11px !important;
            width: 4%;
            height: 1px;
            background: #303030;
        }

    .page-contact_form .form-send-comment .title {
        position: relative;
        right: 0 !important;
    }

        .page-contact_form .form-send-comment .title h3::after {
            display: none;
        }

    .page-billboard_map .detail-map {
        position: absolute;
        width: 100%;
        background: #f2f2f2;
        left: 0 !important;
    }

    .page-billboard_map .map {
        position: absolute;
        left: 0px !important;
        top: 0px !important;
    }

    .detail-map .w-10 {
        width: 35% !important;
    }

    .page-main_slider .sliderSwiper .total {
        position: absolute;
        bottom: 80px;
        right: 10%;
        padding: 25px;
        z-index: 1111;
        width: 80% !important;
    }

        .page-main_slider .sliderSwiper .total figure {
            display: none;
        }

    .page-main_offer .page-main_offer-description div {
        background-color: #eff1f3;
        width: 55%;
        padding: 10px;
        border-radius: 25px;
        margin: 15px 75px 0 auto;
        position: relative;
    }

    .page-main_banner {
        height: 200px;
        background-size: 100% 200px;
    }

    .page-main_activities .pic-activities {
        height: 415px;
    }

    .page-main_activities h3 {
        font-size: 24px
    }

    .page-main_features p {
        width: 100% !important;
    }

    .page-main_city a {
        height: 100%;
    }


    .page-main_information-video {
        position: relative;
    }



    .page-main_information h2.w-50 {
        width: 100% !important;
    }

    .page-main_information a.w-25 {
        width: 50% !important;
    }

    .page-main_reviews {
        background-position: 4% 190px !important;
        background-size: 50% !important;
    }

    footer .bg-footer {
        height: 220px !important;
    }

    #viewOurTour {
        width: 30% !important;
    }

    footer .beer-handle {
        top: -35px;
        left: 44%;
    }

    .page-main_ourtours .view-trip.w-10 {
        width: 20% !important;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 1200px) {

    .page-main_ourtours .cardtourSwiper {
        width: 100%;
    }

        .page-main_ourtours .cardtourSwiper .swiper-wrapper .swiper-slide {
            width: 16rem !important;
        }

    .page-main_activities .page-main_activities-cards div.row figure {
        width: 150px;
        height: 150px;
    }

    .title-activities {
        font-size: 30px;
    }

    .page-main_activities .pic-activities {
        height: 320px;
    }

    .page-main_banner {
        height: auto;
        width: 76%;
        max-width: 76%;
        margin: 0 auto;
    }

        .page-main_banner div div div figure > img {
            width: 30px;
            padding: 10px 0;
        }

        .page-main_banner div div div figure figcaption span {
            margin-top: 0 !important;
        }

    .page-main_reviews {
        background-image: url(../images/pageMain/Read-reviews.png);
        background-repeat: no-repeat;
        background-position: -60% 110px;
        background-size: 75%;
    }

    .page-main_offer svg {
        width: 85%;
    }

    .page-main_slider .sliderSwiper .total {
        bottom: 80px;
    }

    footer .bg-footer {
        height: 280px;
    }

    #viewOurTour {
        width: 20% !important;
    }

    footer .beer-handle {
        top: -37px;
        left: 52%;
    }

    .page-main_offer .page-main_offer-description div {
        width: 40%;
    }

    .page-main_information-video div video {
        height: auto;
        width: 520px;
        position: absolute;
        top: 190px;
        right: -120px;
    }

    .page-main_reviews .box {
        right: -140px;
        top: 50px;
    }

    .swiper-slide.p-3.bg-sixth.rounded-3.mt-5.swiper-slide-active {
        width: 411px !important;
        margin-right: 93px !important;
    }

    .page-main_reviews .quotes-fill {
        right: 90px !important;
    }

    .page-main_reviews p {
        font-size: 14px !important;
    }








    /* Page Inside */


    .card__overlay {
        flex-flow: column;
        padding: 25px !important;
    }

    .page-tour_banner h1.w-25 {
        width: 35% !important;
    }

    .page-tour_banner h1 {
        right: -20px;
    }

    .TeamSwiper .swiper-slide {
        width: 280px !important;
    }
}

@media only screen and (min-width : 1100px) and (max-width : 1299px) {

    .card__overlay {
        flex-flow: column;
        padding: 25px !important;
    }

    .page-tour_banner h1.w-25 {
        width: 35% !important;
    }

    .page-tour_banner h1 {
        right: -20px;
    }

    #IranMap .map {
        width: 78% !important;
    }

    footer .beer-handle {
        top: -37px;
        left: 51%;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1300px) {
    .teams {
        max-width: 965px !important;
    }

    .TeamSwiper .swiper-slide {
        width: 260px !important;
    }



    .page-main_ourtours .cardtourSwiper {
        width: 97%;
    }

        .page-main_ourtours .cardtourSwiper .swiper-wrapper .swiper-slide {
            width: 16rem !important;
        }

    .page-main_information div.row a {
        width: 30% !important;
    }

    .page-main_banner {
        height: 180px;
        width: 90%;
        margin: 0 auto;
    }

    footer .beer-handle {
        left: 50.8%;
    }

    footer .bg-footer {
        height: 310px;
    }

    #viewOurTour {
        width: 12% !important;
        font-size: 14px;
    }

    .page-main_offer .page-main_offer-description div p {
        font-size: 13px;
        font-weight: 700;
    }

    .page-main_reviews {
        background-size: 600px;
    }

    .page-main_information-video div video {
        height: auto;
        width: 520px;
        position: absolute;
        top: 190px;
        right: -120px;
    }

    .page-main_reviews .box {
        right: -140px;
        top: 50px;
    }

    .swiper-slide.p-3.bg-sixth.rounded-3.mt-5.swiper-slide-active {
        width: 411px !important;
        margin-right: 93px !important;
    }

    .page-main_reviews .quotes-fill {
        right: 90px !important;
    }

    .page-main_reviews p {
        font-size: 14px !important;
    }



    .card__overlay {
        flex-flow: column;
        padding: 25px !important;
    }

    .page-tour_banner h1.w-25 {
        width: 35% !important;
    }

    .page-tour_banner h1 {
        right: -20px;
    }

    #IranMap .map {
        width: 78% !important;
    }
}

@media only screen and (min-width : 1300px) and (max-width : 1400px) {

    .teams {
        max-width: 965px !important;
    }

    .TeamSwiper .swiper-slide {
        width: 260px !important;
    }

    .page-main_ourtours .cardtourSwiper {
        width: 97%;
    }

        .page-main_ourtours .cardtourSwiper .swiper-wrapper .swiper-slide {
            width: 16rem !important;
        }

    .page-main_reviews {
        background-size: 600px;
    }

    .page-main_information div.row a {
        width: 30% !important;
    }

    .page-main_banner {
        height: 180px;
        width: 90%;
        margin: 0 auto;
    }

    footer .beer-handle {
        left: 50%;
    }

    footer .bg-footer {
        height: 310px;
    }

    #viewOurTour {
        width: 20% !important;
    }

    .page-main_reviews {
        background-size: 600px;
    }

    #viewOurTour {
        width: 12% !important;
        font-size: 14px;
    }

    .page-main_reviews {
        background-size: 600px;
    }

    .page-main_information-video div video {
        height: auto;
        width: 520px;
        position: absolute;
        top: 190px;
        right: -120px;
    }

    .page-main_reviews .box {
        right: -140px;
        top: 50px;
    }

    .swiper-slide.p-3.bg-sixth.rounded-3.mt-5.swiper-slide-active {
        width: 411px !important;
        margin-right: 93px !important;
    }

    .page-main_reviews .quotes-fill {
        right: 90px !important;
    }

    .page-main_reviews p {
        font-size: 14px !important;
    }


    /* Page Inside */
    #IranMap .map {
        width: 78% !important;
    }

    .card__overlay {
        flex-flow: column;
        padding: 25px !important;
    }



    .page-tour_banner h1.w-25 {
        width: 35% !important;
    }

    .page-tour_banner h1 {
        right: -20px;
    }
}

@media only screen and (min-width : 1201px) and (max-width : 1366px) {
    .page-project .description-project h3, .page-project .picture-project h3 {
        position: relative;
        right: 3% !important;
    }

        .page-project .description-project h3::after, .page-project .picture-project h3::after {
            width: 10%;
            top: 50% !important;
            right: -66px !important;
        }

    .page-main_slider .sliderSwiper .swiper-wrapper .swiper-slide a figure figcaption {
        top: 25%;
    }

    .page-categoryblog .title h3 {
        position: relative;
        right: 3% !important;
    }

    .page-billboard_map .map {
        position: absolute;
        left: 0px !important;
        top: -40px !important;
    }

    .page-billboard_map .detail-map {
        position: absolute;
        width: 100%;
        background: #f2f2f2;
        left: 0px !important;
    }
}


@media only screen and (min-width : 1367px) and (max-width : 1450px) {
    .page-categoryblog .title h3 {
        position: relative;
        right: 3% !important;
    }

    .page-billboard_map .map {
        position: absolute;
        left: 0px !important;
        top: -40px !important;
    }

    .page-billboard_map .detail-map {
        position: absolute;
        width: 100%;
        background: #f2f2f2;
        left: 0px !important;
    }
}


@media only screen and (min-width : 1451px) and (max-width : 1920px) {
    .page-categoryblog .title h3 {
        position: relative;
        right: 5% !important;
    }

    .page-main_information-video div video {
        height: 225px;
        width: 72%;
        position: absolute;
        top: 110px;
        right: -90px;
        object-fit: cover;
    }
   
    .page-billboard_map .map {
        position: absolute;
        left: 0px !important;
        top: -40px !important;
    }

    .page-billboard_map .detail-map {
        position: absolute;
        width: 100%;
        background: #f2f2f2;
        left: 0px !important;
    }
}


@media only screen and (min-width : 1921px) and (max-width : 2560px) {
    .page-billboard_map .map {
        position: absolute;
        left: 0px !important;
        top: -40px !important;
    }

    .page-billboard_map .detail-map {
        position: absolute;
        width: 100%;
        background: #f2f2f2;
        left: 0px !important;
    }

    .page-main_information-video div video {
        height: auto;
        width: 520px;
        position: absolute;
        top: 190px;
        right: -120px;
    }
}

@media only screen and (min-width : 1000px) and (max-width : 1050px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 5% !important;
    }
}

@media only screen and (min-width : 1051px) and (max-width : 1100px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 7% !important;
    }
}

@media only screen and (min-width : 1101px) and (max-width : 1150px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 8% !important;
    }
}

@media only screen and (min-width : 1151px) and (max-width : 1200px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 10% !important;
    }
}

@media only screen and (min-width : 1201px) and (max-width : 1250px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 14% !important;
    }
}

@media only screen and (min-width : 1251px) and (max-width : 1299px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1300px) and (max-width : 1350px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1351px) and (max-width : 1399px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1400px) and (max-width : 1450px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1451px) and (max-width : 1450px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1451px) and (max-width : 1500px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1501px) and (max-width : 1550px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1551px) and (max-width : 1600px) {
    .page-contact_banner div div h1,
    .page-about_banner div div h1 {
        padding-left: 28px;
    }

    .page-blog_banner div div h1,
    .page-city_banner div div h1 {
        padding-left: 30px;
    }

    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}

@media only screen and (min-width : 1601px) and (max-width : 2650px) {

    .cardtourSwiper .swiper-slide {
        width:300px !important;
    }
    .navbrcmb .breadcrumb {
        left: 15% !important;
    }
}