@media only screen and (max-width: 1600px) {
     /*.p-sticky-footer {
        padding: 420px 0px 10px;
    }*/
       .product-detail{
            padding: 300px 50px 10px;

    }
    .product .box {
        padding: 380px 50px 10px;
    }

    .logo {
        width: 150px;
    }

    .group-title {
        font-size: 23px;
    }
/*video*/

     /*.l-1-1 {
    top:0;
    left: 10%;
    width:60% !important;

}*/
.l-1-2 {/*logo*/
    top:20%;
    left:70%;
    /*width:8% ;*/
    /*height:auto;*/
    max-height:280px;
 

   
}


.l-1-3 { /*fa logo type*/
    top: 55%;
    left:66%;
    /*width:20%;*/
    max-width:330px;
    max-height:210px;
     /*width:25%;*/

}


.l-1-4 {  /*en logo type*/
    top: 77%;
    left: 68%;
    /*max-width:150px !important;*/
    width:260px;
         /*max-height:100px;*/

}
}
@media only screen and (max-width: 1320px) {
     /*.p-sticky-footer {
        padding: 410px 0px 10px;
    }*/
      .product-detail{
            padding: 220px 50px 10px;

    }
 /*video*/
 /*.l-1-1 {
     left:3%;
        width: 70% !important;
    }*/
     .l-1-2{
    top:24%;
    left:70%;
    max-height:250px;
     }

    .l-1-3{ 
    top: 52%;
    left:67%;
    max-width:320px;
    max-height:200px;
    }

     .l-1-4{
       top: 72%;
       left:69%;
    width:250px;
    }
}

@media only screen and (max-width: 978px) {
     /*.p-sticky-footer {
        padding: 450px 0px 10px;
    }*/
       .product-detail{
            padding: 200px 50px 10px;

    }
    .product h1 {
        font-size: 23px;
    }

    .gap {
        padding-top: 150px;
    }

    /*video*/
    /*.l-1-1 {
        top: 0;
        left: 5%;
        width: 70% !important;
    }*/

      .l-1-2{
    top:27% !important;
    left:72% !important;
    max-height:200px !important;
     }

    .l-1-3 {
        top: 50% !important;
        left: 65% !important;
        max-height: 170px !important;
    }

     .l-1-4{
       top:68% !important;
       left:66% !important;
       width:220px;

    }
}
@media only screen and (max-width: 800px) {
   
    
    /*.p-sticky-footer {
        padding: 570px 0px 10px;
    }*/
    /*.l-1-1 {
        top: 0;
        left: 5%;
        width: 70% !important;
    }*/

      .l-1-2{
    top:32% !important;
    left:75% !important;
    max-height:170px !important;
     }

    .l-1-3 {
        top: 50% !important;
        left: 67% !important;
        max-height: 140px !important;
    }

     .l-1-4{
       top:65% !important;
       left:69% !important;
       width:180px;

    }

     .l-3-1,.l-3-2,.l-3-4,.l-3-5,.l-3-3{
    height:auto;
    width:100% ;
/*left:10%;*/
    top:20%;
}
}


@media only screen and (max-width: 600px) {
    .product-detail{
            padding: 50px 50px 10px;

    }

    h1 {
        font-size: 2rem;
    }

    .box-title {
        font-size: 1.5rem;
        margin: 0;
    }

    .box-hr{
        margin:0px;
    }

    .logo {
        width: 150px;
        /*background-image:url('../img/logotype.png') ;*/
        /*display:none;*/
    }
    #logo_mobile{
        display:block !important;
        width:100px;

    }
    #logo_defualt{
        display:none!important;
    }
    .scroll {
        display: none;
    }

    nav .title {
        font-size: 32px;
    }

    .burger-ring {
        display: none;
    }

    .buttons {
        top:0px;
        left: -10px;
    }

        /*.buttons .social {
            display: none;
        }*/

        /*video*/
    /*.l-1-1 {
        left: 5%;
        width: 90% !important;
        top:-5%;
    }*/

    .l-1-6,.l-1-2 {
        display: none;
    }
   
   
    /*.l-1-2{
        left:70% !important;
        top:35% !important;
        max-height:140px !important;
    }*/

    .l-1-3{ /*fa logo type*/
          left: 20% !important;
          top:68% !important;
        /*width:70vw !important;*/
            max-height:180px !important;
        width:65vw !important;
            margin:auto;display:block;

    }

     .l-1-4{
          top:87% !important;
          left:20% !important;
        width:65vw !important;
       /* max-height:*/
    }
    .l-1-5 {
        left: 75%;
    }

    .l-1-5 {
        width: 30%;
    }

   
 .l-3-1,.l-3-2,.l-3-4,.l-3-5,.l-3-3{
    height:auto;
    width:100% ;
/*left:10%;*/
    top:30%;
}


    .l-1-type {
        width: 70%;
        left: 5%;
    }

    .writing {
        width: 100%;
        font-size: 18px;
        text-align: center;
    }

    .l-2-10 {
        left: 10%;
        width: 80vw !important;
        top: 70%;
    }

    .l-2-11 {
        top: 85%;
    }

    .l-2-18 {
        left: 10%;
        width: 80vw !important;
    }

    .l-2-3, .l-2-4, .l-2-5, .l-2-6, .l-2-7, .l-2-8 {
        display: none;
    }

    nav .parts li {
        filter: unset;
        border: 1px solid white;
    }

    .section .box {
        width: 80%;
        margin: 0 auto;
        display: block;
        float: none;
        height: auto;
        padding: 20px;
    }

    .product .box {
        width: 100%;
    }

    .section .box.bg {
        background: rgba(255,255,255,.9);
    }

    .section:nth-child(2n) .box {
        float: none;
    }

    .product .box:first-child {
        padding: 20px 50px 10px
    }

    main {
        height: auto !important;
    }

    .main {
        height: 100% !important;
    }

    .p-sticky-footer {
        position: static;
        padding: 0px;
    }

    .product-size {
        display: block;
    }

    .footer-title {
        margin-top: 20px;
    }

    .group-wrapper {
        display: none;
    }

    .image-wrapper {
        display: block;
        margin: 0px 20%;
        padding: 0px 10px;
    }

    .group-page .bg-overlay {
        padding-bottom: 50px;
    }

    .blog-details{
        padding:50px;
    }

    .blog-details .box {
        width:100%;
        padding: 20px 20px 20px 20px;
    }

    #fp-nav.fp-right {
        right: 0px !important;
    }

    .social-boxes {
        flex-direction: column;
    }

    .padded {
        padding: 20px 15px 20px 50px;
        overflow: hidden;
    }

    footer .bg{
        background-image:none;
    }
}


