/* Portrait tablets and small desktops */
@media (max-width: 761px) {
    .image-feature2 {
        max-width : 600px;
        margin : 0 auto;
        display : block;
        width : 100%;
    }
    .image-feature2.image-feature2--left{
        margin : 0px;
        margin-left : -50px;
    }
    #feature6 .feat-text p, #feature7 .feat-text p:nth-child(1) {
        font-size: 15px !important;
        line-height: 1.2em;
    }

    #feature7 .feat-text p:nth-child(2){
        font-size: 11px !important;
        line-height: 1.2em;
    }
    #feature8 .feature8-rondExt{
        width:125px;
        height:125px;
    }

    #feature8 .feature8-rondExt>.feature8-rondContent {
        font-size: 25px;
    }

    #feature8 .feature8-rondExt>.feature8-rondContent>sup {
        font-size: 12.5px;
    }



    .img-anime1-feature2 {
        right : 60px!important;
        width : 25px;
    }
    .img-anime2-feature2 {
        width : 35px;
        top : 10px!important;
    }
    
    .img-anime3-feature2 {
        width : 50px;
        left : 30px!important;
    }
    .img-anime4-feature2 {
        width : 15px;
    }
    
    .img-anime1-feature5 {
        width : 25px;
    }
    
    .img-anime2-feature5 {
        width : 50px;
    }
    
    .img-anime3-feature5 {
        width : 100px;
    }
    .img-anime1-feature5-suite1 {
        width : 25px;
    }
    .img-anime1-feature5-suite2 {
        width : 25px;
    }
    
    .img-anime1-feature6 {
        width : 25px;
    }
    
    .img-anime2-feature6 {
        width : 25px;
    }
    
    .img-anime1-feature7 {
        width : 25px;
    }
    
    .img-anime2-feature7 {
        width : 25px;
    }
    .img-anime1-feature8 {
        width : 25px;
    }
    
    .img-anime2-feature8 {
        width : 25px;
    }
    
    .img-anime3-feature8 {
        width : 25px;
    }
    .px-10{
        padding-left : 3rem !important;
        padding-right : 3rem !important;
    
    }
    .pack-card{
        background-image: url("../images/premium.svg");
        background-size: cover;
        background-repeat: no-repeat;
        width : 100%;
        /* height : 80vh; */
    }
    .pack-card .btn{
        max-width : 200px;
    }
    .grid-split-wrap{
        display : flex;
        
    }
    .grid-split-wrap .grid-split-card-wrap{
        width : 100%;
    }
    .grid-split-wrap .grid-split-content{
        width : 100%;
    }
    .grid-split-wrap .fs-22{
        font-size : 16px !important;
        line-height : 16px !important;
    }
    .nav .nav-item{
        padding : 0px 5px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        height : 60px;
        padding-bottom: 5px;
        line-height: 18px;
        margin : 0px 10px;
        
    }
    .nav{
        justify-content: center;
    }
    .nav .nav-items{
        width : 100%;
        font-size : 12px;
        justify-content: center;
    }
    .nav .nav-items:after{
        display : none;
    }
    .nav .nav-btn-wrap{
        padding-top : 15px;
    }
    .ball{
        display : none;
    }
    .bg-tobe-card-basic, .bg-tobe-card-gold, .bg-tobe-card-premium {
        margin-bottom: 50px;
    }
}

@media (max-width: 465px) {

    .tobe-card > p {
        height : auto !important;
    }
    .bg-tobe-card-basic, .bg-tobe-card-gold, .bg-tobe-card-premium {
        background-size: 100vh;
        background-position: -83px -171px;
        background-repeat: no-repeat;
        margin-bottom: 50px;
        border-top-left-radius: 32px !important;
        border-top-right-radius: 32px !important;
    }
    .tobe-card>.tobe-card-categorie {
         height: auto !important;
    }
    .section-title{
        font-size : 24px !important;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 1.3;

    }
    .pack-card h1{
        font-size : 25px !important;
    }
    .max-w-50{
        max-width: none !important;
    }
    .banner-title h1{
        font-size : 35px !important;
    }
    .banner-section .banner-description{
        font-size : 25px !important;
    }
    .section-padding{
        padding-bottom: 20px !important;
    }
    .site-navigation>li>a{
        font-family: 'Config', sans-serif !important;
        font-size: 20px !important;
    }
    .bg-clip{
        height : 100vh !important;
        width : 80% !important;
    }
    .banner-content{
        justify-content: center;
    }
}