/* Responsive CSS - Avresi */


@media only screen and (max-width: 1600px) {
    header{
        padding-right: 2%;
        padding-left: 2%;
    }
}
@media only screen and (max-width: 1200px) {
    .header-mid{
        display: none;
    }

    .header-right{
        display: none;
    }

    header box-icon{
        height: 56px;
        width: 56px;
        display: block;
    }

}


@media only screen and (max-width: 1300px) {
    .who-we-are h1{
        font-size: 30px;
    }

    .mySwiper h1{
        font-size: 30px;
    }

    .faq-container h1{
        font-size: 30px;
    }

    .neworderalert{
        display: none;
    }

    .advantages{
        width: 96%;
    }

    .advantage{
        width: 300px;
        height: 230px;
    }

    .advantage h2{
        font-size: 20px;
    }

    .advantage p{
        font-size: 15px;
    }

    .any-questions{
        width: 100%;
        padding: 0px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hero-section-links{
        flex-wrap: wrap;
        width: 80%;
    }

    .seconds div{
        flex-direction: column;
    }

    .seconds div box-icon{
        display: none;
    }

    .seconds-right h1{
        font-size: 20px;
    }

    .seconds-right p{
        font-size: 15px;
    }

    .seconds-left h1{
        font-size: 20px;
    }

    .seconds-left p{
        font-size: 15px;
    }
    .animatedlinks{
        font-size: 15px;
    }
}
@media only screen and (max-width: 1100px) {
    .themes{
        width: 96%;
    }
    .sizi-arayalim{
        flex-wrap: wrap;
        width: 90%;
    }
    .sizi-arayalim-left{
        width: 100%;
        margin-bottom: 50px;
    }
    .sizi-arayalim-right{
        width: 100%;
    }
    .sizi-arayalim-right form{
        padding: 10px;
    }
    .support-main{
        width: 96%;
    }
    .support-main a{
        width: 100%;
        margin-bottom: 20px;
    }
    .support-tickets{
        width: 96%;
    }
    .blog-afis-a{
        width: 96%;
    }
    .bread-crumb{
        width: 96%;
    }
    .support-articles-category{
        width: 96%;
    }
    .support-articles{
        width: 96%;
    }
    .account{
        width: 96%;
        flex-wrap: wrap;
    }
    .account-left{
        width: 100%;
    }
    .account-right{
        width: 100%;
    }
    .blogs{
        width: 96%;
        flex-direction: column;
    }
    .blogs-right{
        width: 100%;
        margin-top: 30px;
    }
    .support-ticket-message{
        width: 96%;
    }
    .support-ticket-message-reply{
        width: 96%;
    }
}

@media only screen and (max-width: 1000px) {
    .footer-top{
        flex-direction: column;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .footer-bottom div a{
        margin-left: 0;
    }
    .footer-bottom div{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .header-top p{
        display: none;
    }
    .right-arrow-header-top{
        display: none;
    }
    .header-top .yada{
        display: none;
    }
    .faq-question{
        font-size: 15px;
    }
    .faq-answer{
        font-size: 13px;
    }
}



@media only screen and (max-width: 1460px) {
    .plans{
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .hero-section h2{
        font-size: 35px;
        line-height: 40px;
    }
    .hero-section h2 strong{
        font-size: 35px;
    }
    .hero-section h1{
        font-size: 35px;
        line-height: 35px;
    }
    .hero-section h1 strong{
        font-size: 35px;
    }
    .hero-section p{
        font-size: 15px;
    }

    .advantage{
        width: 100%;
    }

    .seconds{
        flex-direction: column;
    }

    .seconds-left{
        width: 100%;
    }

    .seconds-right{
        width: 100%;
    }

    .seconds-right h1{
        text-align: center;
    }

    .seconds-right p{
        text-align: center;
    }

    .seconds-left h1{
        text-align: center;
    }

    .seconds-left p{
        text-align: center;
    }
    .advantages h1{
        font-size: 30px;
    }
    .header-top p{
        font-size: 15px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 450px) {
    .plan{
        width: 100%;
    }
    .plan-mid{
        width: 90%;
    }
}