@media only screen and (max-width:991px) {
    .afat-1{
        order: 2;
    }
    .afat-2{
        order: 1;
    }
    .afat-3{
        order: 3;
    }
    .sidebar-row{
        justify-content: space-between;
    }
    .sidebar-img{
            max-width: 80px;
    height: 80px;
    }
    .image-row-sidebar{
        padding-left:10px;
    }
    }
    @media only screen and (max-width:445px) {
    .sidebar-row{
        justify-content: center
    }
}
@media only screen and (max-width:992px) {
    .right-pic {
        justify-content: center;
        margin-bottom: 20px
    }
    .main-contetn-list {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }
    .left-pic {
        display: flex;
        justify-content: center;
        margin-top: 20px
    }
    .nav-section nav ul li {
        padding-left: 2px;
        margin-left: 2px
    }
    .modal-content {
        width: 70%
    }
    .logo-row img {
        margin-left: 30px
    }
    .page-title {
        width: 100%
    }
    .website {
        font-size: 16px;
        margin: 4px 18px 0 0
    }
    
}

@media (min-width:768px) and (max-width:992px) {
    .main-text ul li {
        width: 290px;
        line-height: 1.5
    }
}

@media only screen and (min-width:768px) {
    .hamburger-menu-row {
        display: none
    }
    .footer-center-text {
        margin-top: 20px
    }
}

@media only screen and (max-width:576px) {
    .logo-wrappe {
        width: 100%;
        margin-top: 10px
    }
    .whatsapp-logo {
        margin-right: 0
    }
    .moblie-menu {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .head {
        display: none
    }
    .tel {
        width: 100%;
        flex-direction: revert;
        align-items: center;
        justify-content: space-evenly;
        width: 100%
    }
    .tel h2 {
        margin-left: 5px;
        font-size: 19px;
        color: #424141
    }
    .contact {
        width: 100%
    }
    .nav-section {
        display: none
    }
    .error-container span {
        font-size: 62px !important
    }
    .modal-content {
        width: 100%
    }
    .preveImg {
        left: 12px
    }
    .nextImg {
        right: 12px
    }
    .next{
        padding: 7px;
    }
    .prev{
        padding: 7px;
    }
    .dot {
        width: 10px;
        height: 10px;
    }
}

@media only screen and (max-width:768px) {
    .main-text a {
        line-height: 3
    }
    .footer-link a {
        line-height: 2
    }
    .comment-content p {
        margin-right: 0
    }
    .tel {
        width: 100%;
        flex-direction: revert;
        align-items: center;
        justify-content: space-evenly;
        width: 100%
    }
    .tel h2 {
        margin-left: 5px;
        font-size: 19px;
        color: #424141
    }
    .contact {
        width: 100%
    }
    .nav-section {
        display: none
    }
    .head {
        height: 100%
    }
    .head-content h1 {
        padding: 10px;
        font-size: 22px
    }
      .head-content p {
        padding: 10px;
        font-size: 22px
    }
    .question-row {
        margin-top: 30px
    }
    .icon {
        right: 44%
    }
    .pic3 {
        order: 1
    }
    .pic1 {
        order: 5
    }
    .pic2 {
        order: 3
    }
    .math1 {
        order: 4
    }
    .math2 {
        order: 2
    }
    .rightSection {
        flex-direction: column
    }
    .leftSection {
        flex-direction: column
    }
    .modal-content {
        width: 85%
    }
    .footer-tel {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        margin-bottom: 40px
    }
    .leftSection p,
    .rightSection p {
        margin: 0
    }
    .img-row{
        width:auto;
        height:auto;
    }
    #afat-title-image{
        /*font-size: 18px;*/
    line-height: 25px;
    }
    .next {
        width: 33px;
        font-size :10px;
        text-align : center;
        padding-right:2px;
    }
      .prev{
        width: 33px;
        font-size :10px;
        text-align : center;
        padding-right:2px;
    }
    
}