@media(max-width:1400px){
    .wraper {
        background-image: url(../image/main_bg.jpg);
        height: 1300px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media(max-width:1200px){
    .wraper {
        background-image: url(../image/main_bg.jpg);
        height: 1300px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media(max-width:992px){
    .wraper .navbar span a {
        padding: 7px 11px;
        border: 1px solid #fff !important;
        margin: 0 6px;
        color: #fff;
        font-size: 16px;
    }

    .wraper .navbar ul li a {
        color: #ffffff !important;
        padding: 0 14px !important;
        font-size: 16px;
        display: inline-block;
        font-family: "Blinker", sans-serif;
    }

    .wraper .navbar span a {
        padding: 7px 10px;
        border: 1px solid #fff !important;
        margin: 0 6px;
        color: #fff;
        font-size: 16px;
    }

    .wraper {
        background-image: url(../image/main_bg.jpg);
        height: 1300px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
}

@media(max-width:768px){
    .h_menu{
        background-color: #77a8f4;
        padding: 15px;
        border-radius:10px;
    }
    
    .bt_bg{
        background-color: #77a8f4;
        padding:7px 15px;
    }

    .banner_content .banner_text {
        font-size: 88px;
        font-family: "Space Grotesk", serif;
        color: #ffff;
    }
    
    .wraper {
        background-image: url(../image/main_bg.jpg);
        height: 1303px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .banner_content .banner_para {
        font-size: 26px;
        color: #ccc;
    }
    
}

@media(max-width:576px){
 
    .h_menu{
        background-color: #77a8f4;
        padding: 15px;
        border-radius:10px;
    }
    
    .bt_bg{
        background-color: #77a8f4;
        padding:7px 15px;
    }

    .wraper {
        background-image: url(../image/main_bg.jpg);
        width: 100%;
        background-size: 187% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .banner_content .banner_text {
        font-size: 64px;
        font-family: "Space Grotesk", serif;
        color: #ffff;
    }


    
    .banner_content {
        margin-top: 100px;
    }
    
}




@media(min-width:993px) and (max-width:1199px){
    .banner_content .banner_text {
        font-size: 79px;
    }
    .wraper .navbar ul li a {
        font-size: 14px;
       
    }

    .wraper .navbar span a {
        padding: 7px 14px;
        border: 1px solid #fff !important;
        margin: 0 6px;
        color: #fff;
        font-size: 14px;
    }
    }

@media(min-width:769px) and (max-width:992px){
    .banner_content .banner_text {
        font-size: 73px;
        font-family: "Space Grotesk", serif;
        color: #ffff;
    }
}


@media(min-width:575px) and (max-width:768px){
    .banner_content .banner_text {
        font-size: 46px;
        font-family: "Space Grotesk", serif;
        color: #ffff;
    }

    .h_menu{
        background-color: #77a8f4;
        padding: 15px;
        border-radius:10px;
    }
    .bt_bg{
        background-color: #77a8f4;
        padding:7px 15px;
    }
}

@media(min-width:320px) and (max-width:576px){
    .why_img_part{
        display: none;
    }

    .why_choose .why_choose_text {
        font-size: 34px;
    }

    .banner_content .banner_para {
        font-size: 20px;
        color: #ccc;
    }

    #why_choose_part .why_text_part .why_tBox p {
        font-size: 17px;
        margin: 0;
        color: #ddd;
    }
    .our_plans .span h4 {
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        color: #60FED7;
    }
}

@media(max-width:320px){
    .wraper .navbar span a {
        padding: 7px 12px !important;
        font-size:14px;
    }
    .h_menu{
        background-color: #77a8f4;
        padding: 15px;
        border-radius:10px;
    }
    
    .bt_bg{
        background-color: #77a8f4;
        padding:7px 15px;
    }

    .banner_content .banner_text {
        font-size: 36px;
        font-family: "Space Grotesk", serif;
        color: #ffff;
    }
    
    .banner_content {
        margin-top: 78px;
    }

    .banner_content .banner_para {
        font-size: 16px;
        color: #ccc;
    }
    #plans .our_plans .row {
        justify-content: center;
        padding: 0 15px;
    }


    
}