@media screen and (max-width: 768px) {
    .navbar {
        z-index: 99;
        border-bottom: 1px solid white;
        position: fixed !important;
        width: 101%;
        top: 0;
    }
    .menuBtn {
        display: block;
        padding: 13px 0;
        float: right;
    }
    .menuBtn img{
        width: 30px;
    }
    .mobileMenu {
        display: block;
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9;
        opacity: 1;
        visibility: hidden;
        transition: all 1s ease-in-out;
    }
    .mobileMenu.menuMP {
        opacity: 1;
        visibility: visible;
        transition: all 1s ease-in-out;
        /* transition-delay: 1s; */

    }
    .banner {
        margin-top: 29px;
    }
    .mobileMenuCirc.menuOP {
        scale: 54;
        transition: all 1s ease-in-out;
    }
    .mobileMenu .mobileMenuCirc {
        width: 40px;
        height: 40px;
        background: #3f51b5;
        border-radius: 50%;
        float: right;
        scale: 1;
        transition: all 1s ease-in-out;
    }
    .mobileMenuCirc.menuOP {
        scale: 56;
        transition: all 1s ease-in-out;
    }
    .mobileMenuCirc.purple {
        background: #3f51b5;
    }
    .mobileMenuCirc.green {
        background: #01b548;
    }
    .mobileMenuCirc.yellow {
        background: #efae16;
    }
    .mobileMenuCirc.blue {
        background: #0083ff;
    }
    .mobile-menu-links {
        width: 100%;
        height: auto;
        padding: 138px 0px;
        position: absolute;
        right: -100%;
        /*right: 0;*/
        z-index: 999;
        text-align: center;
        transition: all 0.6s ease-in-out;
    }
    .mobile-menu-links ul {
        width: 105%;
    }
    .mobile-menu-links ul .line {
        display: block;
        position: absolute;
        right: 0%;
        transition: all 1s ease-in-out;
        width: 0px;
        height: 1px;
        margin: auto;
        background: white;
    }
    .mobile-menu-links ul li a {
        color: white;
        font-family: IransansRegular;
        line-height: 53px;
        font-size: 15px;
    }
    .mobile-menu-links.menuAN {
        transition: all 1s ease-in-out;
        transition-delay: 0.2s;
        right: 0;
    }
    .mobile-menu-links.menuAN ul .line {
        width: 94%;
        transition-delay: 0.3s;
        transition: all 2s ease-in-out;
    }
    .mobile-menu-links.menuAN ul .line:nth-child(4) {
        width: 94%;
        transition-delay: 0.7s;
        transition: all 2.4s ease-in-out;
    }
    .mobile-menu-links.menuAN ul .line:nth-child(6) {
        width: 94%;
        transition-delay: 0.8s;
        transition: all 2.6s ease-in-out;
    }
    .mobile-menu-links.menuAN ul .line:nth-child(8) {
        width: 94%;
        transition-delay: 0.10s;
        transition: all 2.9s ease-in-out;
    }
    .mobile-menu-links.menuAN ul .line:nth-child(10) {
        width: 94%;
        transition-delay: 0.12s;
        transition: all 3s ease-in-out;
    }
    .navbar-row {
        width: 88%;
        height: 66px;
    }




    .banner ,
    .warranty {
        position: relative;
    }
    .banner .banner-row .banner-left h3 {
        margin: 64px 74px 0px 0px;
        font-size: 20px;
    }
    .banner .banner-row .banner-left p {
        margin: 10px 50px 0px 0px;
        font-size: 12px;
        color: #d3d9df;
    }
    .banner .banner-row .right-click ,
    .banner .banner-row .left-click {
        z-index: 0;
    }
    .warranty .warranty-row .warranty-card .warranty-card-right {
        width: 70%;
        float: left;
        height: 120px;
        padding: 47px 12px;
    }
    .warranty .warranty-row .warranty-card .warranty-card-left {
        float: right;
        width: 24%;
        height: 120px;
    }
    .row .warranty-card .warranty-card-left img {
        width: 60px;
        margin: 37px 8px;
    }
    .warranty .warranty-row .warranty-card .warranty-card-right h4 {
        font-size: 13px;
    }
    .banner .banner-row .banner-left .contactBtn {
        margin-right: 91px;
    }
    .description .description-row .description-body .description-body-right {
        width: 100%;
    }
    .carousel .carousel-header h2 {
        margin-top: 73px;
    }
    .stage {
        border-radius: 5px;
        max-height: 412px;
        width: 264px;
    }
    .description .description-row .description-body-left {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .description .description-row .description-body-left img {
        width: 320px;
    }
    .services {
        margin-top: 0px;
    }
    .services .services-row .services-left .services-left-right {
        margin-right: 95px;
    }
    .services .services-row .services-left .services-left-right ul li ,
    .services .services-row .services-left .services-left-left ul li {
        font-size: 11px;
    }
    .article .article-row {
        width: 98%;
		padding-right:0;
    }
    .warranty .warranty-row {
        height: 120px;
    }
    .accordions .accordions-header {
        width: 94%;
    }
    .accordions .accordion-row {
        width: 96%;
    }
    .carousel {
        display: none;
    }
    .accordions .accordion-row .accordion .accordion-body1.active, .accordions .accordion-row .accordion .accordion-body2.active, .accordions .accordion-row .accordion .accordion-body4.active {
        height: 107px;
    }
    .accordions .accordion-row .accordion .accordion-body3.active {
        height: 67px;
    }

    .page {
        margin: 45px 0 20px 0;
    }
    .footer {
        height: auto;
    }
    .footer .footer_row .footer_right {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .footer .footer_row .footer_left {
        height: auto;
        width: 100%;
    }
    .footer svg {
        top: -1px;
    }
}