
@media only screen and (min-width:1200px) and (max-width:1366px) {
    .country-code-phone{
    width: 332px;
}
    .country-code-inner {
        width: 300px;
    }
    .country-code-home {
    width: 250px;
}
.iti__country-list {
    width: 332px;
}
    
    .video-outer video{
    position: absolute;
    top: -14px;
    left: -1px;
    border-radius: 47px;
    width: 238px;
}
    .main-nav nav .navbar-nav .nav-item a {
        margin-left: 6px !important;
        margin-right: 6px !important;
        font-size: 14px;
}
  .car-carousal {
    padding: 30px 30px;
}
.book-car-content ul {
    -moz-column-count: 1;
    column-count: 1;
}
.car-carousal .book-car-content .book-btn {
    padding: 8px 15px;
    font-size: 15px;
}
  .contatc-info {
    gap: 10px;
}
.car-carousal .book-car-content h4 {
    font-size: 28px;
    margin: 15px 0 12px;
}
.car-carousal .book-car-content .top-text {
    font-size: 14px;
}
.mega-menu-contact-content a {
    font-size: 18px;
}
.book-car-content p {
    font-size: 16px;
    margin-bottom: 10px;
}
.book-car-content ul li {
    padding-bottom: 2px;
    font-size: 14px;
}
}
@media only screen and (max-width:414px){
        .video-outer video {
        position: absolute;
        top: 0;
        left: 65px !important;
        border-radius: 30px;
    }
}
@media only screen and (max-width:360px){
        .video-outer video {
        position: absolute;
        top: 0;
        left: 47px;
        border-radius: 30px;
    }
    .shop-desc .price {
    gap: 6px;
}
        .off-price-inner {
        padding: 0px 5px;
        border-radius: 3px;
        font-size: 12px;
    }
    .upper-row {
    flex-wrap: wrap;
    }
        .video-outer video {
            left: 39px !important;
    }
      .about-area .image-box img{
         display:none;
    }
        .top-header .header-left ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media only screen and (max-width:575px) {
    .tour-book-benefits {
    min-height: auto;
}
    .about-detl.pb-60{
        padding-bottom:0;
    }
    .contact-us-sec {
    padding: 32px 0 40px;
    margin-bottom: 28px;
}

        ol, ul{
    padding-left: 20px;
    padding-right: 0;
        }
    .form-section .form-group .form-control.country-code-home{
        padding-left: 82px !important;
    }
    .home-counter {
    padding: 50px 0 0px;
}
    .count-up {
   padding: 25px 10px;
        margin-bottom: 20px;
}
    .aboutttour-div{
    margin-bottom: 10px;
}
    .aboutttour-div h2{
        margin-bottom: 0 !important;
    }
    .write-review-form {
    margin-top: 26px !important;
}
    .write-review-form {
    padding: 20px;
}
    .tour-detail-carousal .carousel-detail-inner{
    position: relative;
    width: 100%;
    height: 248px;
}

    .summarised-view-content .summary-inner .summary-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
}
.activity-summary-box ul{
        padding: 0 0 0 15px;
}
.summarised-view-content .summary-inner .summary-header span {
    padding: 10px;
    line-height: 20px;
    margin-bottom: 12px;
}
.itineary-tab.tour-detail-tab-main {
    padding: 20px 13px;
}
.accordian-widget-outer {
    padding: 0px 13px;
}
.accordian-widget-outer:last-child {
       margin-bottom:25px;
    }
#profile-description {
    padding: 20px 13px;
}
.tour-detail-review-sec .review-heading h5 {
    font-size: 17px;
    line-height: 36px;
}
.load-review {
    margin-bottom: 20px;
}
.news-comments {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 10px;
}
.itineary-tab.tour-detail-tab-main .accordion-title {
    padding: 10px 26px 10px 96px !important;
}
.form-section.service-form-side .form-group .form-control.country-code-phone {
   padding-left: 80px !important;
          width: 100% !important;
}
.form-section.service-form-side .form-group .form-control.country-code-phone.service-c-code{
           width: 100% !important;
}
.service-form-side {
    padding: 10px 13px;
}
.tour-price-div {
    padding: 15px 15px;
}
.why-book-sec {
    padding: 25px 20px 30px 20px;
}


    .connect-sec h4 span {
        font-size: 28px;
        display: inline;
    }
    .contact-us-sec .pr-50{
          padding-right: calc(var(--bs-gutter-x)* .5);
    }
    .connect-sec h4 {
        font-size: 28px;
        font-weight: 600;
    }
    .section-title h2 {
         font-size: 20px;
        margin: 0;
}
    .book-car-sec .section-title{
            margin-bottom: 0;
    }
    .hero-carousal{
            margin-bottom: 25px;
    }
    .heading-row{
        align-items: center;
    margin-bottom: 20px;
    }
    section.gallery-area.home_best_selling.position-relative {
    padding: 10px 0;
}
    .align-item-sm-center{
        align-items:center
    }
    section.gallery-area.home_best_selling .section-title p {
    display: none;
}
.section-btn a {
    display: flex
;
    align-items: center;
    gap: 6px;
    border: solid 1px #c85c191f;
    padding: 4px 12px;
    border-radius: 3px;
    background: #c85c1930;
    color: #c85c19;
    font-size: 13px;
}
    .bestselling-carousal .owl-nav .owl-next{
        right:0;
    }
    .bestselling-carousal .owl-nav .owl-prev{
        left:0;
    }
    .testimonial-carousal .owl-nav .owl-next {
    right: 0;
}
  .testimonial-carousal .owl-nav .owl-prev {
    left: 0;
}  
    .testimonial-title {
    margin-bottom: 30px;
}
    .section-btn {
               display: flex;
        justify-content: right;
        margin: 0;
}
.home_best_selling .section-title.mb-30{
           margin-bottom: 0;
}
    .float-sm{
        display:none;
    }
    .faq-img {
    border-radius: 10px;
    display: none;
}
    .footer-top {
    padding: 32px 0px 18px 0px;
}
    .footer-content {
    text-align: left;
}
.footer-bottom .bottom-text p {
    padding-right: 0;
       text-align: left;
}
    .footer-other-links ul li a {
    padding-right: 30px;
}
    .footer-other-links ul li:after {
    left: auto;
    right: 16px;
}
    .footer-other-links ul {
    gap: 0;
    flex-wrap: wrap;
}
    .footer-bottom-links ul li:after {
    right: 9px;
}
    .copyright-links-div {
    display: flex;
    gap: 12px;
    flex-direction: column;
}
.footer-bottom-links ul {
        gap: 0px;
        flex-wrap: wrap;
        justify-content: start;
}
.footer-bottom-links ul li {
    list-style: none;
    padding-right: 20px;
}
    .form-area {
    padding: 25px 25px;
    }
    .form-title-div h2 {
        font-size: 25px;
    }
    .contact-page-sec-top {
        padding: 30px 0 30px;
    }
        .off-price-inner {
        padding: 0px 5px;
        border-radius: 3px;
        font-size: 12px;
    }
    .courses-card-item .courses-card-content {
    padding: 15px 15px 15px 15px;
    }
    .courses-card-item .courses-card-content a h3 {
    margin: 0px 0 5px;
}
.courses-card-content.package-card-outer ul {
    margin: 5px 0;
}
.package-card-outer .rating__text{
        display: block;
}
.shop-desc .price .old-price {
    font-size: 15px;
}
    .shop-desc .price .new-price {
        color: #c75c17;
        font-size: 17px;
    }

    .hero-carousal-top .owl-nav {
    top: 20%;
}
    .shop-desc h1 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
}
    .review-bestseller-div {
    gap: 50px;
}
        .upper-row {
    flex-wrap: wrap;
}
        .bottom-imp-btns {
        display: flex;
    }
    .contact_side_btn, .whatsapp-btn{
       display:none; 
    }
    .mean-container .mean-nav ul li li a{
        position:relative;    padding: 8px 10px 8px 35px;
    }
     .mean-container .mean-nav ul li li a:before{
        position:absolute;
           content: "\f105";
        left: 13px;
        top: 14px;
        font-family: "Font Awesome 6 Free";
         font-weight: 900;
        line-height: 1;
    }
    #toTop {
    bottom: 60px;
}
    .footer-area {
    padding-bottom: 50px;
}
    .last-lists{
        width:50%;
        display:inline;
    }
    
    .top-header .header-left ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
    .about-area{
       padding-bottom: 20px;
    }
     .video-sec {
        padding:40px 0;
    }
    /*.about-area .image-box img{*/
    /*     display:none;*/
    /*}*/
    .header-left ul li:first-child{
           display:none;
    }
    .shop-detls.ptb-50{
            padding-top: 25px;
    padding-bottom: 29px;
    }
 
    .inner-banner{
         display:none;
    }
    .video-outer video {
    position: absolute;
    top: 0;
    left: 66px;
    border-radius: 30px;
}
.video-carousal.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
    position: relative;
    z-index: 1;
    margin: auto;
}
    .book-your-outer .container-fluid{
    padding:0 15px;
}
.book-car-sec .owl-theme .owl-nav {
    position: relative;
    top: 0;
    width: 100%;
}
.book-car-carousall .owl-prev {
    left: 0;
    position: absolute;
}
.book-car-carousall .owl-next {
    position: absolute;
    left: 62px;
}
  .car-carousal {
    padding: 30px;
} 
.car-carousal .book-car-content .top-text {
    padding: 7px 8px;
    font-size: 10px;
}
.car-carousal .book-car-content h4 {
    font-size: 25px;
    margin: 12px 0;
}
.book-car-content ul {
    -moz-column-count: 1;
    column-count: 1;
}
.contatc-info {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.book-car-image {
    text-align: center;
    margin: 35px 0 10px;
}
.car-carousal:after {
    width: 100px;
    height: 100px;
}
}

@media only screen and (max-width:420px) {
    .login-area {
    padding: 15px 0;
}
    .upper-row {
    flex-wrap: wrap;
}
    .bottom-imp-btns {
        display: flex;
    }
    .contact_side_btn, .whatsapp-btn{
       display:none; 
    }
    .mean-container .mean-nav ul li li a{
        position:relative;    padding: 8px 10px 8px 35px;
    }
     .mean-container .mean-nav ul li li a:before{
        position:absolute;
           content: "\f105";
        left: 13px;
        top: 14px;
        font-family: "Font Awesome 6 Free";
         font-weight: 900;
        line-height: 1;
    }
    #toTop {
    bottom: 60px;
}
    .footer-area {
    padding-bottom: 50px;
}
    .last-lists{
        width:50%;
        display:inline;
    }
    
    .top-header .header-left ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
    .about-area{
       padding-bottom: 20px;
    }
     .video-sec {
      padding: 0px 0 40px;
    }
    /*.about-area .image-box img{*/
    /*     display:none;*/
    /*}*/
    .header-left ul li:first-child{
           display:none;
    }
    .shop-detls.ptb-50{
            padding-top: 25px;
    padding-bottom: 29px;
    }

    .inner-banner{
         display:none;
    }
    .video-outer video {
    position: absolute;
    top: 0;
    left: 66px;
    border-radius: 30px;
}
.video-carousal.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
    position: relative;
    z-index: 1;
    margin: auto;
}
    .book-your-outer .container-fluid{
    padding:0 15px;
}
.book-car-sec .owl-theme .owl-nav {
    position: relative;
    top: 0;
    width: 100%;
}
.book-car-carousall .owl-prev {
    left: 0;
    position: absolute;
}
.book-car-carousall .owl-next {
    position: absolute;
    left: 62px;
}
  .car-carousal {
    padding: 30px;
} 
.car-carousal .book-car-content .top-text {
    padding: 7px 8px;
    font-size: 10px;
}
.car-carousal .book-car-content h4 {
    font-size: 25px;
    margin: 12px 0;
}
.book-car-content ul {
    -moz-column-count: 1;
    column-count: 1;
}
.contatc-info {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.book-car-image {
    text-align: center;
    margin: 35px 0 10px;
}
.car-carousal:after {
    width: 100px;
    height: 100px;
}
    
    .top-header .header-left ul li {font-size: 13px !important; margin-right: 10px !important;}
    .top-header .social-icon {display:none !important;}
.widget-categories ul li a {font-size: 14px !important; color:#000000;}
    .shop-desc h5 {
    font-size: 15px;
    font-weight: 600;}
    .shop-desc .price .old-price {
    font-size: 19px;
}
    .shop-desc .price .new-price {
        color: #c75c17;
        font-size: 17px;
    }
    .off-price-inner {
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 12px;
}
    
    h3{
        font-size: 20px;
    }
    .news-post h3 {
		font-size: 20px
	}
	.news-post h4 {
		font-size: 16px
	}
    .gallery-area .twist-line-3 {
    left: 26px;
    top: 65px;}
    
    .footer-list img{max-height:100px;}
    .footer-list ul li {font-size: 14px !important;}
    .footer-bottom {padding: 10px 0;}
    .courses-card-item {
        min-height: auto;}
.courses-card-item .courses-card-content a h3 {
    font-size: 18px;
}
.about-area.pt-100.pb-70{
  padding-top: 20px !important;
}
.news-card {
	   min-height: auto;}
body{font-size:13px !important;}
.shop-detls-tab .tabs li a {
    padding:5px 8px !important; margin-bottom:5px;
}
.shop-detls-tab .tab_content {
    padding:10px 10px !important;
}
.shop-desc .shop-add .shop-btn {
    font-size: 13px !important;
    padding:6px 10px !important;}
    .news-card ul {
    padding-left: 10px !important;
    margin-bottom: 5px !important;}
    .news-card ul li {margin-top: 8px; margin-right: 20px;}
    .news-card {margin-bottom:25px;}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content p {margin-bottom:10px !important;}
.courses-card-item .courses-card-content .course-book-btn {padding: 6px 8px; font-size: 14px !important;}
.courses-card-item .courses-card-img .courses-card-text {margin-top: -52px; font-size: 14px !important;}
.courses-card-item .courses-card-img .courses-card-text {font-size: 14px !important; padding: 5px 15px !important;}
.contact-item h3 {font-size:15px !important;}
.inner-banner .inner-title ul li {font-size: 13px !important;}
.news-card .news-content .news-icon {
    padding: 5px 10px !important;
}
.courses-card-item ul li {
    font-size: 13px;
    margin-top: 10px;
    margin-right:10px;
}
.news-card .news-img .sub-text {padding: 5px 10px !important;}
.contact-item {
    padding: 10px 10px !important;
    margin-bottom: 20px !important;
}
.form-section .form-group .form-control {
    font-size: 13px !important;
    padding:8px 10px !important;
}


.form-section .form-message {font-size: 13px !important; border: 1px solid #dddddd; padding:10px !important;}

.home-slider .slider-item .slider-text {
    float: left;
    text-align: left;
    max-width: 100%;
}
/*.banner-video{*/
/*    margin-top: 75px;*/
/*}*/
.banner .d-table {
    position: absolute;
   top: 10%;
     text-align: left; 
     left: 0%; 
     transform: translate(0%, 0%); 
}
.banner .d-table p{
    display:none;
}
.banner .d-table h1 {font-size: 21px !important;}
.default-btn1 {    font-size: 13px !important;
    padding: 4px 11px !important;}
.default-btn2 {    font-size: 13px !important;
    padding: 4px 11px !important;}
.about-area .image-column .image-box {position: relative; padding-left:0px !important;}
.inner-banner .inner-title h1 {font-size:26px !important; padding-left:10px; padding-right:10px;}
.inner-banner .inner-title {padding-top: 40px !important; padding-bottom: 30px !important; position: relative;}
.video-container .slider-text p, .video-container .slider-text .slider-btn{
	display: none;
}
.video-container .slider-text h1{
	font-size: 20px;
}
.video-container iframe {
    position: relative;
    height: auto;
}
.video-container{height: auto;
    position: relative;
    top: 74px;}
.video-container .d-table {
    text-align: center;
    position: relative;
    bottom: 0;
    color: #003366;
}
.video-container .d-table .slider-text h1, .slider-text p {
    color:#003366; font-size: 28px !important; visibility:hidden;    
}
.section-title h2 {
         font-size: 20px;
        margin: 0;
}


	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.pt-100 {
		padding-top: 50px
	}

	.pt-94 {
		padding-top: 44px
	}

	.pt-70 {
		padding-top: 50px
	}

	.pb-70 {
		padding-bottom: 20px
	}

	.pt-60 {
		padding-top: 30px
	}

	.pt-50 {
		padding-top: 0
	}

	.pt-40 {
		padding-top: 30px
	}

	.ml-50 {
		margin-left: 0
	}

	.mb-50 {
		margin-bottom: 30px
	}

	.ml-20 {
		margin-left: 15px
	}


}
@media only screen and (min-width:421px) and (max-width:767px) {
   .banner-video{
    margin-top: 75px;
}
.banner .d-table {
    position: absolute;
   top: 10%;
     text-align: left; 
     left: 0%; 
     transform: translate(0%, 0%); 
}
.banner .d-table p{
   
}
.banner .d-table h1 {font-size: 21px !important;}
.default-btn1 {    font-size: 13px !important;
    padding: 4px 11px !important;}
.default-btn2 {    font-size: 13px !important;
    padding: 4px 11px !important;} 
}
@media only screen and (max-width:767px) {
	.video-container .slider-text p, .video-container .slider-text .slider-btn{
	display: none;
}
.video-container .slider-text h1{
	font-size: 34px;
}
.video-container iframe {
    position: relative;
    height: 100%;
    width: 100% !important;
}
.video-container{height: auto; width:100%;
    position: relative;
    top: 80px;}
    
body {
		font-size: 14px
	}
}



	.default-btn1 {
		font-size: 16px;
		padding: 10px 20px
	}

	.default-btn2 {
		font-size: 16px;
		padding: 10px 23px
	}

	.default-btn3 {
		font-size: 16px;
		padding: 10px 20px
	}

	.default-btn4 {
		font-size: 16px;
		padding: 10px 20px
	}

	.section-title span {
		font-size: 16px
	}


	.top-header {
		text-align: left;
	}


	.top-header .header-left ul li i {
		font-size: 14px
	}

	.top-header .header-left ul li::before {
		display: none
	}
	.mean-container .mean-bar {
		background-color: #fff;
		padding: 0
	}

	.other-side {
		display: none
	}

	.mobile-nav .logo img {
		max-width: 110px
	}

	.home-slider .slider-item {
		padding-top: 130px;
		padding-bottom: 90px
	}

	.home-slider .slider-item .slider-text h1 {
		font-size: 30px
	}

	.home-slider .slider-item .slider-text .slider-btn {
		margin-top: 0;
		margin-bottom: 10px
	}

	.home-slider .slider-item .slider-text p {
		margin-top: 14px
	}

	.home-slider .owl-theme .owl-dots {
		position: absolute;
		top: unset;
		bottom: 5%;
		right: 0;
		left: 0;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	.home-slider .owl-theme .owl-dots .owl-dot {
		display: inline-block
	}

	.about-right .play-area {
		padding: 70px 0
	}

	.about-another {
		padding-left: 20px;
		padding-right: 20px
	}

	.icon-shape-1 {
		display: none
	}

	.icon-shape-2 {
		display: none
	}

	.service-area {
		margin-bottom: 70px
	}

	.service-area .owl-theme .owl-nav {
		position: absolute;
		margin-top: 0;
		margin: 0 20px;
		top: 40%;
		bottom: 5px;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		left: 0;
		right: 0
	}

	.service-area .owl-theme .owl-nav .owl-prev {
		position: absolute;
		left: 0%
	}

	.service-area .owl-theme .owl-nav .owl-next {
		position: absolute;
		right: 0%
	}

	.service-item {
		margin-left: auto;
		margin-right: auto
	}

	.service-item .service-head h3 {
		font-size: 18px
	}

	.apply-text {
		padding-top: 50px;
		padding-bottom: 56px
	}

	.apply-text span {
		font-size: 16px
	}

	.apply-text h2 {
		font-size: 24px
	}

	.course-text span {
		font-size: 16px
	}

	.course-text h2 {
		font-size: 24px
	}

	.course-text .course-btn {
		margin-top: 20px
	}

	.course-img {
		margin-left: 0;
		margin-bottom: 0
	}

	.course-img img {
		height: 100%;
		width: 100%
	}

	.course-img-2 {
		margin-right: 0
	}

	.course-img-2 img {
		width: 100%;
		height: 100%
	}

	.course-dots {
		display: none
	}

	.course-dots-2 {
		display: none
	}

	.course-area {
		padding-left: 20px;
		padding-right: 20px
	}

	.icon-shape-3 {
		display: none
	}

	.icon-shape-4 {
		display: none
	}

	.product-item a {
		display: block
	}

	.product-item a img {
		width: 100%
	}

	.product-item .product-cotent .product-text a h3 {
		font-size: 20px
	}

	.product-item .product-cotent .product-text span {
		font-size: 18px
	}

	.product-item .product-cotent .add-product {
		width: 45px;
		height: 45px;
		line-height: 45px
	}

	.gallery-item a {
		display: block
	}

	.gallery-item a img {
		width: 100%
	}

	.gallery-item .gallery-text {
		text-align: center
	}

	.trainer-card a {
		display: block
	}

	.trainer-card a img {
		width: 100%
	}

	.trainer-card .trainer-content.active {
		margin-bottom: 50px
	}

	.news-card .news-content a h3 {
		font-size: 18px
	}

	.footer-conten-title a img {
		max-width: 110px
	}

	.footer-content .newsleter-area h3 {
		font-size: 20px
	}

	.footer-list h3 {
		font-size: 20px
	}

	.footer-list h3::before {
		height: 20px
	}

	.footer-list ul li {
		font-size: 15px
	}

	.footer-bottom {
		padding: 20px 0
	}

	.footer-bottom .bottom-list {
		margin-bottom: 10px;
		text-align: center
	}

	.footer-bottom .bottom-list ul li {
		margin-right: 15px
	}

	.footer-bottom .bottom-text {
		text-align: center;
		float: none
	}

	.footer-bottom .bottom-text p {
		padding: 0;
		margin: 0
	}

	.banner-area {
		position: relative;
		height: 100%;
		padding-top: 100px;
		padding-bottom: 50px
	}

	.banner-content {
		padding-top: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.banner-content h1 {
		font-size: 30px
	}

	.banner-content p {
		margin-top: 10px
	}

	.banner-content .banner-btn {
		margin-top: 15px
	}

	.banner-content .banner-btn .banner-btn1 {
		font-size: 16px;
		padding: 10px 18px
	}

	.banner-content .banner-btn .banner-btn2 {
		font-size: 16px;
		padding: 10px 23px
	}

	.banner-img {
		text-align: right;
		margin-top: 30px
	}

	.banner-img img {
		height: auto
	}

	.about-content {
		margin-left: 0
	}

	.about-content span {
		font-size: 16px
	}

	.about-content h2 {
		font-size: 24px
	}

	.icon-shape-5 {
		display: none
	}

	.icon-shape-6 {
		display: none
	}

	.visit-btn {
		margin-top: 0
	}

	.course-card img {
		height: 100%
	}

	.course-card .couser-delt {
		top: 15.1%;
		padding: 30px 15px;
		max-width: 280px
	}

	.course-card .couser-delt h3 {
		font-size: 18px
	}

	.course-card .couser-delt p {
		max-width: 100%
	}

	.course-card .couser-delt .default-btn3 {
		font-size: 14px;
		padding: 7px 16px
	}

	.course-card .couser-delt .default-btn4 {
		font-size: 14px;
		padding: 7px 16px
	}

	.course-item img {
		height: 100%
	}

	.testimonial-area .owl-theme .owl-nav {
		z-index: 999;
		position: absolute;
		margin-top: 0;
		left: 0;
		right: 0;
		margin: 10px;
		bottom: 30px
	}

	.testimonial-area .owl-theme .owl-nav .owl-prev {
		left: 30%
	}

	.testimonial-area .owl-theme .owl-nav .owl-next {
		right: 30%
	}

	.testimonial-img {
		position: relative;
		margin-bottom: 30px
	}

	.testimonial-img img {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto
	}

	.testimonial-img .shape-img {
		right: 0
	}

	.testimonial-item {
		margin-top: 0;
		margin-bottom: 30px
	}

	.testimonial-item p {
		font-size: 15px;
		margin-bottom: 25px
	}

	.inner-banner .inner-title {
	    padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
	}

	.inner-banner .inner-title h3 {
		font-size: 30px
	}

	.common-dtel-text h2 {
		font-size: 24px
	}

	.common-offer .common-offer-text .call-btn {
		padding: 10px 35px;
		font-size: 15px
	}

	.contact-title h2 {
		font-size: 24px;
		max-width: 100%;
		text-align: center
	}

	.contact-img img {
		height: auto
	}

	.form-section h2 {
		font-size: 24px
	}

	.form-section .form-group {
		margin-bottom: 15px
	}

	.widget-categories ul li a {
		font-size: 15px
	}

	.pagination-area {
		margin-top: 0
	}

	.faq-area .accordion .accordion-item .accordion-title {
    font-size: 17px;
    padding: 15px 15px;
    font-family: 'Jost-Medium';
	}

	.faq-area .accordion .accordion-item .accordion-title i {
		right: 7px;
		font-size: 20px
	}

	.faq-form {
		padding: 30px 20px
	}

	.shop-desc h3 {
		font-size: 20px
	}

	.shop-desc .shop-add .shop-btn {
		font-size: 15px;
		padding: 10px 20px
	}

	.shop-desc .buy-checkbox-btn .item .inp-cbx {
		width: 13px;
		height: 13px
	}

	.shop-desc .buy-checkbox-btn .item .cbx span {
		font-size: 15px
	}

	.shop-desc .buy-checkbox-btn .btn-buy {
		padding: 12px 23px;
		font-size: 16px
	}

	.shop-desc .custom-payment .payment-methods a img {
		width: 35px
	}

	.shop-detls-tab .tabs li a {
		padding: 14px 12px
	}

	.shop-detls-tab .tab_content {
		border: 1px solid #c9c9c9;
		padding: 25px 20px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information li span {
		width: 40%
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content h3 {
		font-size: 20px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .rating i {
		font-size: 12px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .btn-right {
		position: inherit;
		font-size: 12px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item {
		padding-right: 0
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item h3 {
		font-size: 18px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .rating i {
		font-size: 12px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item span {
		font-size: 14px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link {
		position: inherit;
		top: 0;
		font-size: 13px
	}

	.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-form form .form-group {
		margin-bottom: 15px
	}

	.cart-area .cart-table {
		text-align: center
	}

	.cart-area .cart-table table thead tr th {
		padding: 0 40px 10px;
		white-space: nowrap;
		font-size: 16px
	}

	.cart-area .cart-table table thead tr th:first-child {
		text-align: left;
		padding-left: 0
	}

	.cart-area .cart-table table thead tr td {
		white-space: nowrap
	}

	.cart-area .cart-table table thead tr td:first-child {
		text-align: left;
		padding-left: 0
	}

	.cart-area .cart-buttons {
		text-align: center
	}

	.cart-area .cart-buttons .text-right {
		text-align: center !important;
		margin-top: 0
	}

	.cart-area .cart-buttons .default-btn1 {
		display: block;
		text-align: center;
		width: 100%
	}

	.cart-area .cart-totals {
		padding: 20px;
		margin-top: 35px
	}

	.cart-area .cart-totals h3 {
		margin-bottom: 18px;
		font-size: 20px
	}

	.cart-area .cart-totals ul li {
		font-size: 14px
	}

	.cart-area .cart-totals .default-btn1 {
		display: block;
		text-align: center;
		width: 100%
	}

	.cart-area .cart-wraps .continue-shopping-box {
		margin-bottom: 20px
	}

	.cart-area .cart-calc {
		padding: 20px !important;
		margin-top: 30px
	}

	.cart-area .cart-calc .shops-form h3 {
		font-size: 18px
	}

	.cart-area .cart-calc .shops-form .form-group select {
		width: 100%
	}

	.cart-area .cart-calc .shops-form .default-btn1 {
		width: 100%
	}

	.checkout-area .user-option {
		margin-bottom: 30px;
		padding: 20px 10px
	}

	.checkout-area .user-option span {
		font-size: 16px
	}

	.billing-details {
		padding: 30px
	}

	.billing-details h3 {
		font-size: 20px
	}

	.billing-details .form-group {
		margin-bottom: 15px
	}

	.order-details .order-table {
		padding: 30px
	}

	.order-details .order-table h3 {
		font-size: 20px
	}

	.order-details .payment-box {
		padding: 30px
	}

	.instructor-img img {
		width: 100%
	}

	.instructor-content h3 {
		font-size: 24px
	}

	.instructor-content span {
		font-size: 16px
	}

	.single-testominal h3 {
		font-size: 18px
	}

	.single-testominal span {
		font-size: 16px
	}

	.single-testominal ul li {
		font-size: 16px
	}

	.book-form {
		padding: 30px 20px
	}

	.form-sing .form-group {
		margin-bottom: 15px
	}

	.form-sing .form-group .form-control {
		font-size: 14px;
		height: 45px
	}

	.form-sing .form-group .form-message {
		font-size: 14px
	}

	.form-sing .form-group .form-check-label {
		font-size: 14px
	}

	.form-sing .form-group .form-check-input {
		width: 12px;
		height: 12px
	}

	.form-sing .login-btn {
		font-size: 16px;
		padding: 10px 30px;
		width: 100%
	}

	.login-form {
		padding: 30px 30px
	}

	.login-form .login-title h3 {
		margin-bottom: 15px;
		font-size: 20px
	}

	.register-form {
		padding: 30px
	}

	.register-form h3 {
		font-size: 22px;
		margin-bottom: 10px
	}

	.error-area .error-content h1 {
		font-size: 100px
	}

	.single-content h3 {
		font-size: 20px;
		margin-bottom: 10px
	}



	.courses-card-item .courses-card-content a h3 {
		font-size: 18px
	}

	.pricing-card .price-head {
		padding: 40px 20px 30px
	}

	.pricing-card .price-head h2 {
		font-size: 45px
	}

	.pricing-card .price-head h2 sup {
		font-size: 20px
	}

	.pricing-card .price-head span {
		font-size: 20px
	}

	.pricing-card .price-list {
		padding: 30px 20px;
		text-align: center
	}

	.pricing-card .price-list ul li {
		font-size: 15px;
		margin-bottom: 10px
	}

	.news-comments .news-comments-title h2 {
		font-size: 24px
	}

	
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.top-header .header-left ul li {
		font-size: 12px;
		margin-right: 10px
	}

	.about-text .about-btn {
		margin-top: 15px
	}

	.service-area .owl-theme .owl-nav .owl-prev {
		position: absolute;
		left: 30%
	}

	.service-area .owl-theme .owl-nav .owl-next {
		position: absolute;
		right: 30%
	}

	.trainer-card a {
		display: block
	}

	.trainer-card a img {
		width: 100%
	}

	.trainer-card .trainer-content.active {
		margin-bottom: 0;
		padding: 17px
	}

	.trainer-card .trainer-content.active .social-icon {
		opacity: 0
	}

	.course-area .container-fluid {
		max-width: 540px;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.news-card .news-content a h3 {
		font-size: 20px
	}

	.banner-content {
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.about-another .container-fluid {
		max-width: 540px;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.apply-another {
		padding-top: 40px;
		padding-bottom: 10px
	}

	.testimonial-area .owl-theme .owl-nav .owl-prev {
		left: 38%
	}

	.testimonial-area .owl-theme .owl-nav .owl-next {
		right: 38%
	}

	.course-card .couser-delt {
		top: 18.7%;
		padding: 40px 20px;
		max-width: 450px
	}

	.form-area {
		padding: 40px 30px;
		margin-right: auto;
		margin-left: auto
	}

	.faq-area .accordion .accordion-item .accordion-title {
		font-size: 16px;
		padding: 15px
	}

	.faq-area .accordion .accordion-item .accordion-title i {
		right: 20px;
		font-size: 25px
	}

	.faq-form {
		padding: 30px
	}

	.cart-area .cart-wraps .continue-shopping-box {
		margin-bottom: 0
	}

	.checkout-area .user-option {
		margin-bottom: 30px;
		padding: 20px 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	body {
		font-size: 15px
	}

	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.pt-94 {
		padding-top: 44px
	}

	.pt-70 {
		padding-top: 50px
	}

	.pb-70 {
		padding-bottom: 20px
	}

	.pt-60 {
		padding-top: 30px
	}

	.pt-50 {
		padding-top: 0
	}

	.pt-40 {
		padding-top: 30px
	}

	.pt-100 {
		padding-top: 50px
	}

	.mb-50 {
		margin-bottom: 30px
	}

	.ml-20 {
		margin-left: 15px
	}

	.ml-50 {
		margin-left: 0
	}

	.default-btn1 {
		font-size: 16px;
		padding: 10px 25px
	}

	.default-btn2 {
		font-size: 16px;
		padding: 10px 30px
	}

	.default-btn3 {
		font-size: 16px;
		padding: 10px 25px
	}

	.default-btn4 {
		font-size: 16px;
		padding: 10px 30px
	}

	.section-title span {
		font-size: 18px
	}

	.section-title h2 {
		font-size: 26px
	}

	.top-header {
		text-align: center
	}

	.top-header .header-left ul li {
		font-size: 12px;
		margin-right: 20px
	}

	.top-header .header-left ul li i {
		font-size: 14px
	}

	.top-header .header-left ul li::before {
		display: none
	}

	.top-header .social-icon {
		display: none
	}

	.mobile-nav .logo img {
		max-width: 110px
	}

	.mean-container .mean-bar {
		background-color: #fff;
		padding: 0
	}

	.other-side {
		display: none
	}

	.home-slider .slider-item {
		height: 100%;
		padding-top: 130px;
		padding-bottom: 90px
	}

	.home-slider .slider-item .slider-text h1 {
		font-size: 30px
	}

	.home-slider .slider-item .slider-text .slider-btn {
		margin-top: 0;
		margin-bottom: 10px
	}

	.home-slider .slider-item .slider-text p {
		margin-top: 14px
	}

	.home-slider .owl-theme .owl-dots {
		right: 2%
	}

	.about-text {
		margin-bottom: 30px
	}

	.about-text .section-title p {
		float: left;
		margin-bottom: 20px
	}

	.icon-shape-1 {
		display: none
	}

	.icon-shape-2 {
		display: none
	}

	.service-area {
		margin-bottom: 70px
	}

	.service-area .owl-theme .owl-nav {
		position: absolute;
		margin-top: 0;
		margin: 0 20px;
		top: unset;
		bottom: 5px;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		left: 0;
		right: 0
	}

	.service-area .owl-theme .owl-nav .owl-prev {
		position: absolute;
		left: 40%
	}

	.service-area .owl-theme .owl-nav .owl-next {
		position: absolute;
		right: 40%
	}

	.service-item {
		margin-left: auto;
		margin-right: auto
	}

	.service-item .service-head h3 {
		font-size: 20px
	}

	.apply-text {
		padding-top: 50px;
		padding-bottom: 56px
	}

	.apply-text span {
		font-size: 18px
	}

	.apply-text h2 {
		font-size: 26px
	}

	.course-area .container-fluid {
		max-width: 720px;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.course-item {
		max-width: unset;
		margin-left: unset
	}

	.course-text span {
		font-size: 18px
	}

	.course-text h2 {
		font-size: 26px;
		margin-bottom: 10px
	}

	.course-text .course-btn {
		margin-top: 20px
	}

	.course-img {
		margin-left: 0;
		margin-bottom: 0
	}

	.course-img img {
		width: 100%
	}

	.course-img-2 {
		margin-right: 0
	}

	.course-img-2 img {
		width: 100%
	}

	.icon-shape-3 {
		display: none
	}

	.icon-shape-4 {
		display: none
	}

	.course-dots {
		display: none
	}

	.course-dots-2 {
		display: none
	}

	.product-item a {
		display: block
	}

	.product-item a img {
		max-width: 100%
	}

	.gallery-item .gallery-text {
		text-align: center
	}

	.trainer-card a {
		display: block
	}

	.trainer-card a img {
		width: 100%
	}

	.trainer-card .trainer-content.active {
		margin-bottom: 0;
		padding: 17px
	}

	.trainer-card .trainer-content.active .social-icon {
		opacity: 0
	}

	.footer-conten-title a img {
		max-width: 110px
	}

	.footer-bottom {
		text-align: center
	}

	.footer-bottom .bottom-text {
		float: none
	}

	.banner-area {
		position: relative;
		height: 100%;
		padding-top: 100px;
		padding-bottom: 50px
	}

	.banner-content {
		padding-top: 0;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.banner-content h1 {
		font-size: 30px
	}

	.banner-content p {
		margin-top: 10px
	}

	.banner-content .banner-btn {
		margin-top: 15px
	}

	.banner-content .banner-btn .banner-btn1 {
		font-size: 16px;
		padding: 10px 18px
	}

	.banner-content .banner-btn .banner-btn2 {
		font-size: 16px;
		padding: 10px 23px
	}

	.banner-img {
		text-align: right;
		margin-top: 30px
	}

	.banner-img img {
		height: auto
	}

	.about-another .container-fluid {
		max-width: 720px
	}

	.about-content {
		margin-left: 0
	}

	.about-content span {
		font-size: 18px
	}

	.about-content h2 {
		font-size: 26px
	}

	.icon-shape-5 {
		display: none
	}

	.icon-shape-6 {
		display: none
	}

	.visit-btn {
		margin-top: 0
	}

	.course-card {
		text-align: center
	}

	.course-card .couser-delt {
		top: 65px
	}

	.testimonial-area .owl-theme .owl-nav {
		z-index: 999;
		position: absolute;
		margin-top: 0;
		left: 0;
		right: 0;
		margin: 10px;
		bottom: 30px
	}

	.testimonial-area .owl-theme .owl-nav .owl-prev {
		left: 40%
	}

	.testimonial-area .owl-theme .owl-nav .owl-next {
		right: 40%
	}

	.testimonial-img img {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto
	}

	.testimonial-item {
		text-align: center;
		margin-top: 0;
		margin-bottom: 30px
	}

	.testimonial-item p {
		margin-bottom: 20px
	}

	.inner-banner .inner-title {
		padding-top: 150px;
		padding-bottom: 90px;
		position: relative
	}

	.inner-banner .inner-title h3 {
		font-size: 35px
	}

	.common-dtel-text h2 {
		font-size: 24px
	}

	.common-offer .common-offer-text .call-btn {
		padding: 10px 35px;
		font-size: 15px
	}

	.contact-title h2 {
		font-size: 26px;
		max-width: 100%;
		text-align: center
	}

	.contact-img img {
		height: auto
	}

	.form-area {
		padding: 50px 30px;
		margin-right: auto;
		margin-left: auto
	}

	.form-section h2 {
		font-size: 26px
	}

	.widget-categories h2 {
		font-size: 26px;
		margin-bottom: 15px
	}

	.widget-categories ul li a {
		font-size: 16px
	}

	.cart-area .cart-calc .shops-form .form-group select {
		width: 100%
	}

	.checkout-area .user-option {
		margin-bottom: 30px
	}

	.instructor-img img {
		width: 100%
	}

	.single-testominal p {
		max-width: 450px;
		margin-left: auto;
		margin-right: auto
	}

	.courses-card-item .courses-card-img .courses-card-text {
		margin-top: -52px;
		font-size: 20px
	}

	.courses-card-item .courses-card-content a h3 {
		font-size: 20px
	}

	.pricing-card .price-head h2 {
		font-size: 55px
	}

	.pricing-card .price-list {
		padding: 50px 30px
	}

	.pricing-card .price-list ul li {
		font-size: 16px
	}

	.news-comments .news-comments-title h2 {
		font-size: 26px
	}

	.news-post h3 {
		font-size: 16px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.top-header .header-left ul li {
		font-size: 12px;
		margin-right: 30px
	}

	.top-header .header-left ul li::before {
		left: -15px
	}

	.top-header .social-icon ul li a {
		font-size: 14px
	}

	.main-nav nav .navbar-nav .nav-item a {
		text-transform: capitalize;
		color: #373737;
		font-weight: 400;
		font-size: 14px;
		margin-left: 9px;
		margin-right: 9px
	}

	.main-nav nav .navbar-nav .nav-item a i {
		font-size: 8px
	}

	.other-side .search-area .search-item {
		top: 12px
	}

	.other-side .search-area .search-item i {
		top: -5px
	}

	.other-side .search-area .search-item .close-btn.active {
		top: -2px
	}

	.other-side .cart-area .cart-icon {
		top: 5px;
		font-size: 15px
	}

	.other-side .search-text {
		margin-right: 0
	}

	.course-area .container-fluid {
		max-width: 960px;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.service-area .owl-theme .owl-nav .owl-prev {
		position: absolute;
		left: -30px
	}

	.service-area .owl-theme .owl-nav .owl-next {
		position: absolute;
		right: -30px
	}

	.course-area .container-fluid {
		max-width: 960px
	}

	.course-dots-2 {
		bottom: 100px
	}

	.icon-shape-3 {
		top: -25px
	}

	.product-item .product-cotent .add-product {
		width: 45px;
		height: 45px;
		line-height: 45px
	}

	.product-item .product-cotent .product-text a h3 {
		font-size: 18px;
		width: 200px
	}

	.gallery-item .gallery-text {
		text-align: center
	}

	.gallery-item .gallery-text a i {
		position: inherit
	}

	.footer-list h3 {
		font-size: 20px
	}

	.footer-list h3::before {
		height: 20px
	}

	.footer-list ul li {
		font-size: 15px
	}

	.footer-bottom .bottom-list ul li {
		display: inline-block;
		margin-right: 20px;
		font-size: 14px
	}

	.footer-bottom .bottom-text {
		float: right
	}

	.footer-bottom .bottom-text p {
		font-size: 14px
	}

	.nav-top {
		position: fixed;
		width: 100%
	}

	.other-side .modal-menu {
		margin-top: 10px
	}

	.other-side .modal-menu a {
		font-size: 16px;
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	.banner-content {
		max-width: 450px;
		margin-left: auto
	}

	.banner-content h1 {
		font-size: 40px
	}

	.service-item .service-head h3 {
		font-size: 19px
	}

	.course-card .couser-delt {
		top: 25px
	}

	.testimonial-area .owl-theme .owl-nav {
		z-index: 999;
		position: absolute;
		bottom: 20px;
		margin-top: 0;
		left: 230px;
		margin: 10px
	}

	.testimonial-img img {
		margin-left: 70px
	}

	.contact-item {
		padding: 50px 7px
	}

	.contact-item h3 {
		font-size: 17px
	}

	.pricing-card .price-list {
		padding: 50px 25px
	}

	.pricing-card .price-list ul li {
		font-size: 16px
	}

	.widget-categories ul li a {
		font-size: 16px
	}
}

@media only screen and (min-width:1400px) {
	.about-text .section-title p {
		margin-right: auto;
		margin-left: unset
	}

	.nav-top {
		width: 1370px
	}

	.service-item {
		max-width: 100%
	}

	.course-card img {
		width: 100%
	}

	.course-card .couser-delt {
		top: 85px
	}

	.banner-content {
		max-width: 630px
	}

	.common-dtel-img img {
		width: 100%
	}

	.trainer-card a {
		display: block
	}

	.trainer-card a img {
		width: 100%
	}

	.trainer-card a {
		display: block
	}

	.trainer-card a img {
		width: 100%
	}
}

@media only screen and (min-width:1800px) {
	.home-slider {
		width: 100%
	}

	.home-slider .owl-theme .owl-dots {
		right: 16%
	}

	.course-dots {
		right: 140px
	}

	.course-dots-2 {
		left: 140px
	}

	.course-img-2 {
		float: right
	}

	.icon-shape-3 {
		left: 10%
	}

	.icon-shape-4 {
		right: 15%
	}

	.about-img2 {
		float: right
	}

	.icon-shape-6 {
		left: 0
	}

	.apply-another {
		background-position: inherit
	}

	.course-item {
		max-width: 630px
	}

	.course-img img {
		width: 710px
	}

	.course-item-2 {
		max-width: 645px
	}

	.course-img-2 img {
		width: 710px
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.container {
	        max-width: 1250px !important;
	}
}

@media only screen and (max-width:991px) {
    .checkout_outer{
            margin-top: 50px;
    }
    .mean-container .mean-bar {
     float: none; 
    width: 100%;
        position: relative;
}
	.mobile-nav {
		display: block;
		position: relative
	}

	.mobile-nav .logo {
		text-decoration: none;
		position: absolute;
		top: 9px;
		z-index: 999;
		left: 15px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 20px
	}

	.mean-container .mean-bar {
		background-color: #fff;
		padding: 0
	}

	.mean-container a.meanmenu-reveal {
		padding: 20px 15px 0 0
	}

	.mobile-nav nav .navbar-nav .nav-item a i {
		display: none
	}

	.main-nav {
		display: none !important
	}
}