@media only screen and (min-width: 1600px){
.our-team-section {
    width: 100%;
    padding:100px 0px 120px 0px;
color: #fff;
}
.about-us {
    width: 100%;
    padding: 4rem 0rem;
    background: linear-gradient(to right, #0076be 0%,#0076be 70%,#fff 30.01%,#fff 100%);
    color: #fff;
}
.our-packages {
    width: 100%;
    padding: 4rem 0rem;
    background: linear-gradient(to right, #0076be 0%,#0076be 90%,#fff 10.01%,#fff 100%);
 
}
}
@media only screen and (min-width: 1400px){
.custom-container{max-width: 100%; margin-left:120px;}
}
@media only screen and (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    /* .custom-container{
        max-width: 1340px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */
}

/* @media only screen and (min-width: 992px){
    .mobile_primary li.menu-item-has-children > a:first-child::after{
        content: '\f0d7';
        font-family: 'FontAwesome';
        margin-left: 5px;
        color: #fff;
    }
        .mobile_primary > ul > li > a::before {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 3px;
            left: 0;
            background-color: #f82249;
            visibility: hidden;
            transition: all 0.3s ease-in-out 0s;
        }
        .mobile_primary > ul > li:hover > a::before {
            visibility: visible;
            width: 100%;
        }
} */

@media only screen and (min-width: 992px){
    .pt-150{
        padding-top: 150px !important;
    }
    .pb-150{
        padding-bottom: 150px !important;
    }
    .pt-100{
        padding-top: 100px !important;
    }
    .pb-100{
        padding-bottom: 100px !important;
    }
    .pt-120{
        padding-top: 120px !important;
    }
    .pb-120{
        padding-bottom: 120px !important;
    }
    .pt-125{
        padding-top: 125px !important;
    }
    .pb-125{
        padding-bottom: 125px !important;
    }
    .pt-90{
        padding-top: 90px !important;
    }
    .pb-90{
        padding-bottom: 90px !important;
    }
    .pt-70{
        padding-top: 70px !important;
    }
    .pb-70{
        padding-bottom: 70px !important;
    }
    .pt-80{
        padding-top: 80px !important;
    }
    .pb-80{
        padding-bottom: 80px !important;
    }
    .pt-65{
        padding-top: 65px !important;
    }
    .pb-65{
        padding-bottom: 65px !important;
    }
    .pt-60{
        padding-top: 60px !important;
    }
    .pb-60{
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 1024px){
    .mobile_primary {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: -100%;
        background-color: #fff;
        transition: .5s;
        z-index: 999;
        display: block;
        padding: 0;
        border-radius: 0;
        float: none;
        overflow-y: auto;
        margin-left: 0;
    }
    .mobile_primary.active{
        display: block !important;
        left: 0;
    }
    .mobile_primary .sub-menu{
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        text-align: left;
        list-style: outside none none;
        margin: 0;
        padding: 15px;
        visibility: inherit;
        opacity: inherit;
        border-radius: 0;
        border-bottom: 0;
        transform: inherit;
        transition: inherit;
        box-shadow: none;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
    }
    .mobile_primary .sub-menu{
        display: none;
    }
    .mobile_primary ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mobile_primary ul.menu-navigation{
        position: relative;
        height: calc(100vh - 50px);
        padding-bottom: 54px;
        overflow: scroll;
    }
    .mobile_primary li:first-child{
        border-top: none;
    }
    .mobile_primary .sub-menu li{
        display: block;
        border: 0;
    }
    .mobile_primary ul li{
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #dbdbdb;
    }
    /* .mobile_primary.active ul li.current-menu-item{
        background-color: #faa831;
    } */
    .mobile_primary ul li a{
        padding: 15px 10px 10px 30px;
        color: #141616;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 15px;
    }
    .mobile_primary .sub-menu-button{
        cursor: pointer;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        padding: 0 0 0 15px;
    }
    .sub-menu-button::after{
        content: '\f0da';
        font-family: 'FontAwesome';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: normal;
        transition: all.5s ease-in-out;
        color: #fff;
    }
    .sub-menu-button::after {
        transform: rotate(0deg);
    }
    .sub-menu-button.open::after {
        transform: rotate(90deg);
        color: #fff;
    }
    .menu-button{
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        transition: all .3s ease;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        padding: 0;
        z-index: 9999;
        margin-top: 0;
        scale: .75;
    }
    .menu-button.toggle{
        top: 35px;
        right: 25px;
    }
    .menu-button .toggle-bar{
        width: 35px;
        height: 3px;
        background-color:#afafaf;
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu-button.toggle .toggle-bar:nth-child(1){
        -webkit-transform: translateY(11px) rotate(45deg);
        -ms-transform: translateY(11px) rotate(45deg);
        -o-transform: translateY(11px) rotate(45deg);
        -moz-transform: translateY(11px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }
    .menu-button.toggle .toggle-bar:nth-child(2){
        opacity: 0;
    }
    .menu-button.toggle .toggle-bar:nth-child(3){
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}
@media only screen and (max-width: 991px){
    .brand-content{
        padding: 30px 25px 30px 25px;
    }
    #brandSlider .owl-nav .owl-prev {
        top: 90%;
        left: 35%;
    }
    #brandSlider .owl-nav .owl-next {
        top: 90%;
        right: 35%;
    }
    .about-content {
        padding: 50px 25px 50px 40px;
    }
    .about-content h2{
        font-size: 30px;
        line-height: normal;
    }
    .vission-content{
        padding: 50px 50px 50px 50px;
    }
    .vission-content h2{
        font-size: 40px;
    }
    .vission-content p{
        font-size: 20px;
    }
    #goalSlider .owl-nav .owl-prev {
        top: 102%;
        left: 35%;
    }
    #goalSlider .owl-nav .owl-next {
        top: 102%;
        right: 35%;
    }
    .journey-section h2{
        font-size: 32px;
        line-height: normal;
    }
    .journey-section p{
        font-size: 32px;
        line-height: 35px;
    }
	
	/*matchme*/
	.carousel{ top:0px;}
	.navbar-brand img{ width:60px; margin-left:10px;}
	.area-expertise-section{ margin-top:0px;}
	.position-relative{  }
	.carousel-container h2{ font-size:28px;    line-height: 32px;margin-top: 70px;}
	.carousel-container h3{ font-size:22px;}
	.carousel-container p{ font-size:14px;}
	
	.carousel-container h3{ margin-bottom:10px;}
	.area-expertise-section p, .mission-section p{ padding:10px;}
	.area-expertise-section{ padding:40px 20px; background:none}
	.area-expertise-section h2,.our-team h2, .mission-section h2, .contact-section h2  { font-size:26px;}
	.stories-area{ margin:20px 0px; margin-left:0px;}
	.number-row .col{ width:100%;}
	.number-row{ display:block}
	.our-team {padding: 40px 0px;}
	
	
	
	
	
	 .p-left{ padding-left:0px;}
	 #directorsSlider .owl-nav .owl-prev {
    top: 90%;
    left: 38%;
}
.story-box{ background:none}
.side-bg{ padding-left:0px; padding-top:25px;}
.footer-logo p{ text-align:left;  }
#directorsSlider .owl-nav .owl-next {
    top: 90%;
    right: 35%;
}
.contact-btn {
    background: none;
    border-radius:0px;
    padding: 15px 10px 10px 30px;
    color: #000 !important;
    margin-left: 0px;
}
.footer-section{  }
.footer-menu-1st{ margin-left:0px;}
.d-n{ display:none}
 }
 
 @media only screen and (max-width:521px){
   .banner-section{ height:inherit; padding:20px;}
   .carousel-container{ text-align:center}
   .banner-section h2{text-align:center; margin-top:0px; font-size:45px;}
   .banner-section a{ width:100%; text-align: center;  display: block; margin-bottom:20px;}
   .carousel-container{ padding:0px 0px;}
   .breadcum-area { background:#033a44; min-height:150px;}
   .breadcum-area img{ height:0px;}
   .banner-section h3 {
     font-size: 24px; text-align:center }
	 .banner-section p{ text-align:center}
 .banner-container {top:26%;display: grid;}
 .breadcum{ text-align: center;}
 .breadcum{ text-align:center}
 .banner-container h3{ text-align:center; font-size:22px;}
 
 .about-section h2 { font-size:26px; margin-bottom:0px;}
 .about-us-wrapper{ padding:0px;}
 .about-sectio{ padding:20px;}
.mission-section { padding: 40px 20px 40px 20px;}
 .number-box { padding: 20px 0; } 
 .contact-section .contact-box { top: -30px;}
 .space60 {display:none;}
 .contact-section {padding: 0 0px 25px;}
 .package-section {padding: 0px 0px 50px 0px;}
 .journey-section { padding: 40px 0px;}
 .about-section {
    
}
 .package-section {
   
}
 .space90 { display:none;
}
.service-section {
    
} 
.service-area {margin-bottom: 20px;
} 
.team-section {
    
} 
.faq-section {
    
} 
 .news-section {
    
}
.contact-box {  padding: 50px 20px; }
 ul.contact-list-1 { margin-bottom: 30px; min-height: 0px;}
 .p-left {
    padding-left: 10px;
}
 
  .why-chouseus-main-box .box .right .panel{ width:50%; float:left; padding: 10px;
    border: 1px solid #ddd; min-height:140px;}
 .clear-space{ width:100%; display:block}
 .why-chouseus-main-box .box .right .panel p{ font-size:14px;}
 .stories-area .circle{ padding-left:0px;}
 .slider-item .title{ position:inherit; left:0; padding:15px; margin-top:0px;}
 .slider-item .title h5{ font-size:19px;}
 .slider-item .search-area .left{ width:100%; margin-top:10px;}
 .slider-item .title p{ padding-bottom:20px;}
 .search-area{ background:none}
 .banner-slider-section .owl-theme .owl-dots, .owl-theme .owl-nav{ right:0; left:0; text-align:center;bottom:10px;}
 .submit{ padding-bottom:0px;}
 
 .banner-slider-section .title{ left:0; right:0; text-align:center; position: inherit; margin-top:0px; padding:20px 5px;}
  .banner-slider-section .title h5{ font-size:19px;}
.banner-slider-section  .search-area .left{ width:100%; margin-top:10px;}
 .banner-slider-section  .title p{ padding-bottom:20px;  }
 .banner-slider-section .search-area .left input{ width:100%;}
 .banner-slider-section .search-area span{ width:100%;}
 .banner-slider-section .search-area{ padding-top:5px;}
 .banner-text-area h2{ font-size:44px; margin-bottom: 25px;   margin-top: 40px;     line-height: 44px;}
 .banner-slider-section{ background: none; background: #f5f9fb;}
 .banner-text-area{ padding: 100px 0px;;}
 .our-services-area .right h3{ font-size: 22px; margin-top: 40px;}
 .our-services-area .right h2{     font-size: 44px; line-height: 44px;}
 .our-services-area .left img{ width: 100%;}
 .steps-section .left .step-box-area .box{ width: 100%; margin: auto; margin-bottom: 40px;}
 .steps-section .right{ padding: 40px 20px 0px 20px;}
 .steps-section .right img{ width: 100%;}
 .vegan-section .vegan-box img{ margin-top: 40px;}
 .vegan-section h2{ margin-bottom: 10px; padding: 0px 40px;}
 .bottom-bodyly-box{ padding:0px 0px 0px 0px;}
 .stories-area .text-right {
    width:100%;
    float: left;
}.stories-area .title{ padding-top: 0px;}
.stories-area .icon-right{ height: 36px; margin-top: 40px;}
 
.stories-area .circle{ width: 100%;;}
.stories-area .title{width: 100%;;}
#brandSlider .owl-nav{ bottom: -40px;}
.video-section{ padding-top: 100px;background: #f5f9fb;}
.our-team-section h2{ margin-bottom: 25px;}
.faq-section h3{ text-align: center; font-size:16px;}
.faq-section h2{ text-align: center;font-size:36px;        width: 100%;}
.accordion-item button{ font-size: 16px !important;     line-height: 26px; font-weight: 600;}
.social{ padding-top: 40px;  }
.footer-nav h5{ padding-top: 40px;}
.vegan-section .vegan-box h3{    padding: 40px 20px 0px 20px;}
.vegan-section .vegan-box p{    padding: 20px 20px 0px 20px;}
.vegan-section .space-right  { padding-left: 0px; padding-right: 0px;}
.vegan-section .space-left{ padding-left:0px; padding-right:0px;}
.vegan-box img{padding-left: 15px; padding-right: 15px;  }
.bottom-boldly-section .icon-box{ width: 44%; margin-bottom: 40px;}
.bottom-boldly-section{padding-bottom: 110px;}
.stories-area .icon-right{ margin-left: 0px; margin-bottom: 15px;}
.accordion-item{   border: none;}
.mobile-banne{ display:block; }
.mobile-banne img{ border-radius: 30px; }
.container{ padding-right: 20px !important; padding-left: 20px !important;}



.order-area{ display:none}
#menu-main-navigation-1 .active{ color:#bc1838 !important}
.main-banner-section h3{ font-size:40px;        font-size: 40px;
        line-height: 43px;}
 .about-design{ padding:90px 0px 0px 0px;}
.about-design .left img{ display:none}
.about-design h3{ margin-top:0px;}
.discover-area p{ padding:20px; }
.local-area .right img{ padding-left:0px; padding-top:25px;}
.local-area .left{ border-right:0px;}
.top-banner{ display:none}
.local-area{ padding:90px 0px;}
.div-n{ display:block;         position: absolute;
        left: 47%;
        top: 23px;}
.our-team-section{ padding-bottom:150px;}

.mobile-off{ display:none !important}
.mobile-on{ display:block}
 .order-online-area { display:block; text-align:center; padding-bottom:50px; padding-top:25px; }
 .order-online-area img{ width:100px !important; margin-left:0px; text-align:center}
 
 .tabs{ height:100px; overflow:scroll; font-size: 12px; }
  .tab {  font-size: 12px  !important;padding:8px 10px  !important; border-radius:2px  !important;}
 }
 
  @media only screen and (max-width:359px){
  }