*{
    margin:0px;
    padding: 0px;
    box-sizing: border-box;
}
#nav_body{
   padding-top: 1rem;
   padding-bottom:.5rem
}
#top_navbar_menu{
    display: flex;
    list-style: none;
    gap: 1.5rem;
}
.top_navbar_menu_list > a{
    font-size:14px;
    text-decoration:none;
    color:#2C2C2C;
}

#buy_now{
    background: #0E66D0;
    color: white;
    padding: .5rem;
    padding-left:1rem;
    padding-right: 1rem;
    border-radius: 16px;
}
.opportunity{
    padding: 1rem;
}

.bar_menu{
    display: none;
}
.old{
    display: none;
}
@media (max-width:1700px){
    .upper_banner{
        top: 2rem !important;
    }

}

@media (max-width:1500px){
    .upper_banner{
        top: 0rem !important;
    }
    .lower_banner{
        bottom: 3rem !important;
    }

}

@media (max-width:1400px){
    .top_navbar_menu{
        gap: 1.5rem !important;
    }
    .top_navbar_menu_list>a{
        font-size: 12px !important;
    }
    .how_lower_banner{
        bottom: 5.25rem !important;
    }
    .how_upper_banner{
        bottom: 6.25rem !important;
    }
}

@media (max-width:1350px){
   .upper_banner_text{
    font-size: 14px !important;
   }
   .upper_banner_h2{
    font-size: 1.5rem !important;
   }
}

@media (max-width:1200px){
    .computer_menu{
        display: none !important;
    }
    .bar_menu{
        display: block;
    }
    .mobil_menu{
        display: flex !important;
    }
    .top_mobil_nav{
        width: 100% !important;
    }
    .img_1>img{
        width: 600px !important;
    }
    /*.player{
        display: none !important;
    }*/
    /*.upper_banner{
        top: 3rem !important;
    }*/
    .img_2{
        width: 400px !important;
    }
    .lower_banner{
        bottom: 0px !important;
    }
    .how_upper_banner{
        bottom: 4.25rem !important;
    }
    .how_lower_banner{
        bottom: 2.25rem !important;
    }
    
 }
 @media (max-width:1000px){
    .how_upper_banner{
        bottom: 2.25rem !important;
    }
    #paket_cards{
        flex-wrap: wrap;
        gap:10rem !important
    }
    .plan{
        width: 35% !important;
    }
    .lower_banner_h2{
        font-size: 21px !important;
    }
    .lower_banner_p{
        font-size: 14px !important;
    }
    .unqiue{
        flex-direction: column-reverse;
    }
    .middle_text{
        width: 100% !important;
    }
    .img_1>img {
        width: 800px !important;
    }
    .experience{
        flex-direction: column;
        gap: 2rem;
    }
    .experience>.col-md-6{
        width: 100%;
    }
 }


@media (max-width:600px){
    .computer_menu{
        display: none !important;
    }
    .bar_menu{
        display: block;
    }
    .mini_header{
        font-size:19px
    }
    .compare_card{
        flex-direction: column;
    }
    .card_reader{
        width: 100% !important;
    }
    .compare_list{
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .fadeIn{
        display: none;
    }
    .footer{
        flex-direction: column;
       padding: 1rem !important;
    }
    .footer>div>ul{
        padding-left: 0px !important;
    }
    .footer_social{
        display: flex;
        gap:1rem;
        justify-content: space-between;
        
    }
    .footer_bottom{
        flex-direction: column;
        gap:2rem;
        padding: 1.4rem !important;
    }
    .p-order{
        font-size:11px !important;
    }
    .area_1{
        width: 97% !important;
    }
    .area_2{
        width: 340px !important;
    }
    .footer_pad{
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .top_mobil_nav{
        gap:3.5rem !important;
        
    }
    .mobil_logo{
        height: 300px;
    }
    .mobil_logo_text{
        display: flex !important;
        position: relative;
        bottom:15rem ;
        text-align: center;
        flex-direction: column;
        gap:1rem
    }
    .mobil_logo_text>h3{
        color:white;
    }
    .mobil_button{
        display: flex;
        justify-content: space-around !important;
    }
    .mobil_button>a{
        font-size:12px;
       
    }
    .bottom_bg_logo{
        height: 200px !important;
    }
    .mobil_logo_bottom_text{
        display: flex !important;
        flex-direction: column;
        position: relative;
        bottom: 9.5rem;
        text-align: center;
    }
    .mobil_logo_bottom_text > h5{
        color:white
    }
    .mobil_logo_bottom_text > p{
        color:white
    }
    .trial{
        justify-content: center;
    }
    .carousel_bottom{
        height: 200px !important;
    }
    .slider_height{
        height: 200px !important;
    }
    .slider_height_first{
        height: 300px !important;
    }
    .unqiue{
        flex-direction: column-reverse;
        margin-top:2rem !important;
    }
    .img_1> img{
        width: 300px !important;
    }
    .experience{
        flex-direction: column;
    }
    .img_2{
        width: 300px;
    }
    .accordion_1{
        margin-top:2rem;
    }
    #paket_cards{
        flex-direction: column !important;
    }
    .carousel-inner{
        height: 300px !important;
    }
    .head> h4{
        font-size: 16px !important;
    }
    #carouselExampleControls{
        height: 200px !important;
    }
    .logo_img>img{
        width: 300px !important;
    }
    .mobil_slider{
        margin-top: 10rem !important;
    }
    .googleBtn{
        width: 47% !important;
    }
    .googleBtn>p{
        font-size: 12px !important;
    }
    .giris_yap{
        width: 47% !important;
        font-size:12px !important;
    }
    .mobil_menu{
        display: flex !important;
    }
    .deneme_deneme{
        margin-left: 1rem;
    }
    .plan{
        width: 100% !important;
    }
    #gelen_paketler{
        flex-direction: column;
    }
}