@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
}

@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
}

@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}

@media only screen and (max-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
}

@media only screen and (device-width: 768px) {
    /* default iPad screens */
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}

@media screen and (max-width: 1190px) {
}

@media screen and (max-width: 945px) {
}

@media screen and (max-width: 760px) {
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 340px) {
}


/* screen 125%*/
@media only screen and (max-width: 1300px) {

    .snip1135:before {
        bottom: -10px;
    }

    figure.snip1477 {
        width:250px;
        height:167px;
    }
    header {
        height: 120px;
    }

    header > div div {
        top: 80px;
    }
    .pic-contactus {
        height: 120px;
    }

    .div-banner {
        height: 390px;
    }
    /*#content-sliderss-p li > div a{
        height:240px!important;
    }*/

    #div-cpmnu div a {
        font-size: 80%;
        margin-top: 2px;
        margin-bottom: 2px;
        background-size: 10%;
    }
    #div-cpmnu div p {
        border-bottom: 1px solid #acacac;
        height: 29px;
    }

    .div-product-details {
        width: 55%!important;
    }

    .content-sliderss li {
        height: 270px;
    }

    .div-product {
        width: 21vw;
        height: 27vw;
    }
}

/*screen 150%*/
@media only screen and (max-width: 1100px) {


    #div-login {
        width: 50%;
        left: 25%;
    }

    #div-login table td {
        height: 30px;
        border: none;
    }

    .div-home {
        width: 95%;
    }

    .sortcmd {
        width: 24%;
        font-size: 9px;
    }

    .fndtxtproduct, .froupproduct {
        width: 100%;
    }

    figure .snip1477 {
        width: 200px;
        height: 133px;
    }

    figure.snip1477 h2 {
        font-weight: 100;
        font-size: 12px;
    }

    figure.snip1477 h4 {
        font-weight: 100;
        border-radius: 5px;
        font-size: 12px;
        padding: 2px 10px;
    }

    .div-banner {
        height: 320px;
    }

    #menu > li > a {
        font-size: 10px;
        min-width: 40px;
        padding-right: 3px;
        padding-left: 3px;
        height: 20px;
    }

    #menu ul li:first-child > a:after {
        right: 20px;
        top: -8px;
    }


    .pic-contactus {
        height: 120px;
    }

    #div-news-list div img, #div-news-list div > a {
        width: 200px;
        height: 130px;
    }

    .a-basket {
        left: 0px;
    }

    #menu ul {
        margin-top: 8px;
    }

    .div-Slider {
        width: 95%;
    }

    #div-cpmnu div a {
        font-size: 70%;
    }

    #div-cpmnu div p {
        height: 25px;
    }

    .div-product-details {
        width: 45% !important;
    }

    .content-sliderss li {
        height: 230px;
    }

    .div-product {
        width: 23.4vw;
        height: 30.5vw;
    }
}

/*screen 200%*/
@media only screen and (max-width: 800px) {




    header > div span {
        top: 20px;
        width: 35%;
    }

    header > div p {
        top: 20px;
        width: 35%;
        left: 5%;
    }

    #findtxt {
        background-size: 5%;
    }

    .a-basket {
        left: -50px;
    }

    #div-news-list div img, #div-news-list div > a {
        width: 150px;
        height: 100px;
    }

    .div-home {
        width: 95%;
    }

    .pic-contactus{
        height:120px;
    }

    .div-banner {
        height: 250px;
    }

    .div-banner h2 {
        font-size: 18px;
        bottom: 70px;
    }
    .div-banner p {
        bottom: -10px;
    }

    .content-sliderss li div > a {
        height: 230px;
    }


    .title-4 {
        font-size: 50%;
    }
    #div-cpmnu{
        position:absolute;
    }

    .div-aboute-home {
        background-position: center top;
        padding-top: 55%;
        padding-right:2%;
        min-height: 350px;
        background-size: 60%;
        font-size: 14px;
    }

    .div-product {
        width: 35.5vw;
        height: 46vw;
    }

    .div-product-details {
        width: 90% !important;
        margin-right:5%;
        margin-top:15px;
    }
    #div-product-gallery {
        width: 100%;
        position:relative;
        margin:10px auto;
    }
 
    .content-sliderss li {
        height: 220px;
    }


    .data-table td, .data-table th {
        font-size: 8px !important;
    }

    .div-tgju-data {
        width: 100%;
    }
    footer {
        height: 300px;
        background-size: cover;
    }

}

@media only screen and (max-width: 700px) {

    .a-basket {
        left: -40px;
    }

    header > div {
        background-size: 16%;
        background-position: 86% 15%;
    }

    figure.snip1477 {
        width: 32%;
        height: 120px;
    }

    #div-news-list div img, #div-news-list div > a {
        width: 100px;
        height: 67px;
    }

    .sdiv p span, .sdiv p label {
        width: 80%;
    }

    .txt {
        width: 95%!important;
    }

    .content-sliderss li div > a {
        height: 185px;
    }

    #findtxt {
        background-size: 7%;
        padding-right:20px;
    }

    #div-login {
        width: 80%;
        height: 280px;
        top: 50%;
        left: 10%;
        right: 10%;
        margin: 0px;
    }

    /*.div-right {
        width: 32% !important;
    }

    .div-left {
        width: 65% !important;
    }*/

    .div-product {
        width: 44.8vw;
        height: 55.8vw;
    }

    .sortcmd {
        width: 35%;
    }

    .fndtxtproduct,.froupproduct {
        width: 100%;
    }

    .noUi-horizontal .noUi-handle {
        width: 22px;
        height: 18px;
        left: -10px;
        top: -5px
    }

    .noUi-horizontal {
        height: 10px
    }

    .noUi-handle:after, .noUi-handle:before {
        display: none;
    }

    .div-product p span {
        color: #ffffff;
        font-size: 11px;
    }

    .div-product > div a {
        left: 5px;
    }

    .productgroup img {
        margin-right: 5px;
    }

    .productgroup {
        font-size: 10px;
    }

    .content-sliderss li {
        height: 210px;
    }

    #div-product-gallery {
        min-height: 100px;
    }

  

    #div-dynamic-find a {
        height: 70px;
    }

        #div-dynamic-find a img {
            width: 50px;
            height: 50px;
        }

        #div-dynamic-find a small {
            top: 12%;
            font-size: 9px;
        }

    /*------- menu -------------*/

    header > div p {
        width: 40%;
    }

    header > div span {
        top: 69%;
        width: 60%;
        right: 25%;
        color: #ffffff;
    }

    #imnu {
        display: block;
        margin-bottom: 10%;
    }

    .justrespmnu {
        display: block!important;
    }
    .Instali {
        display: block !important;
    }

    .Normenu li > a {
        font-size: 15px !important;
    }

    .Normenu {
        width: 50%;
        margin: 0;
        padding: 5px 0 0 0;
        list-style: square;
        text-align: right;
        color: transparent;
        position: absolute;
        top: 40px;
        right: -70%;
        z-index: 1001;
        background-color: rgba(14, 14, 14, 0.99);
        padding-bottom: 20% !important;
        background-image: url('../Images/logo.png');
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 7% 96%;
    }

        .Normenu > li {
            display: block;
            width: 100%;
            padding-right: 10%;
            padding-bottom: 10% !important;
            box-sizing: border-box;
            border-bottom: solid 1px #7a7a7a;
            margin-top: 5px;
            border-radius: 0;
            height: 40px !important;
        }

        .Normenu > li a {
            border: none !important;
            color: #ffffff;
            font-size: 15px;
        }

        .Normenu ul {
            right: 100%;
            top: -18px;
        }

        /*.Normenu li ul > li:first-child a:after {
            right: -13px;
            top: 0px;
            width: 0;
            height: 0;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 8px solid #048ccf;
        }*/

        .Normenu li ul li > ul {
            position:unset;
            height: auto;
            background-color:rgba(246, 188, 61, 0.67);
            overflow:hidden;
            margin-top:-3px!important;
        }
        .Normenu li ul li  {
           
            height: auto;

        }

        .treeul:after {
            top: 15px;
            border-top: 8px solid #f8bf32;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
        }


        .div-right section:last-of-type {
            display:none;
        }

        .div-left {
            width: 100%;

        }

    .div-right {
        position: relative;
        top: 10%;
        right: 0%;
        width: 100%;
        min-height: 60px;
        height: 60px;
        z-index: 1;

        float:none;
        text-align:center;
        padding-right:15%;
        border:none;
    }

    .prangeprice{
        padding-left:10%;

    } 
    .div-right .p-title-tree {
        display: none;
    }
    .froupproduct {
        display: block;
    }
    .checkmark {
        right: 2%;

    }

    .container {     
        padding-right: 15%;
    }

    .panel-class div {
        width: 80%;
        right: 10%;
        left: 10%;
    }

    .div-waiting {
        position: fixed;
        z-index: 1008;
        top: 20%;
        right: 20%;
        left: 20%;
        width: 60%;

    }

}
/*300%*/
@media only screen and (max-width: 550px) {

    figure.snip1477 {
        width: 48%;
        height: 140px;
    }

    .sortcmd {
        width: 35%;
    }

    #div-news-archive a {
        font-size: 9px;
    }

    #div-news-archive h3, #div-news-list > div h3 {
        font-size: 7px !important;
    }

    #div-news-list > div p {
        font-size: 5px !important;
    }

    .pic-contactus {
        height: 120px;
    }

    .a-basket {
        left: -40px;
    }

    header > div {
        background-size: 16%;
        background-position: 86% 15%;
    }

    header > div span {
        top: 67%;
        width: 70%;
        right: 15%;
    }

    #menu ul {
        width: 200px;
    }

    footer {
        height: 300px;
        background-size: cover;
    }

    footer table {
        width: 100%;
    }

    footer p {
        font-size: 9px;
    }

    .tbl-order th{
        font-size:9px;
    }

    .tbl{
        font-size:10px;
    }

    .div-product {
        width: 44.8vw;
        height: 60.8vw;
    }

    .divselect2 label{
        width:100%;
        display:block;
    }
    .a-product-cmd, .a-productg-cmd {
        width: 102%;
 
        margin:3px 0;
        box-sizing:border-box;
    }

    .panel-order{
        width:100%;
    }

    .cyclebool:before {
        font-size: 15px;
        margin-top: 10px;
    }

    #div-login {
        top: 15%;
     
    }

    #imnu {
        margin-right: -5px;
    }
}
@media only screen and (max-width: 450px) {

    .p-title-six{
        font-size:9px;
    }
    .p-basket-title{
       font-size:8px;
    } 
    header > div {
        background-size: 19%;
        background-position: 86% 15%;
    }

    header > div p {
        width: 50%;
        left:5%;
       
    }

    #findtxt{
        background-size:8%;
        padding-right:10%;
    } 

    .sortcmd {
        width: 35%;
    }

    footer {
        height: 250px;
        background-size: cover;
    }

    .afootermnu {
      font-size:8px;
    }

  

    header > div span {
        top: 70%;
        font-size:10px;
        /*width: 60%;
        right: 25%;
        color: #ffffff;*/
    }

  
    .a-basket {
       top:-30px;
    }

    .a-basket label {
        display:none;
    }

    .a-basket span {
        right:20px;
        top:-5px;
    }
   
    header > div {
     
    }
   
    .div-banner p {
        background-size:90%;
        width:50%;
    }

    figure.snip1477 {
        width: 48%;
        height: 130px;
        margin-top:-5px;
    }

    /*figure.snip1477 {
        width: 170px;
        height: 140px;
    }*/


    .div-Slider {
       /*height: 150px!important;*/
      
    }
    .tbl th {
        font-size: 9px;
    }

    .tbl {
        font-size: 9px;
         width: 100%;
    }
    .tbl td {
       height:auto;
    }

    .div-product {
        width: 45.3vw;
        height: 63.2vw;
        margin-top:-7px;
    }

    .content-sliderss span {
      font-size:9px;
    }

    .content-sliderss li div p:nth-of-type(1) {
        font-size: 11px;
        bottom: 40px;
        background-color: rgba(84, 3, 31, 1);
    }
    .p-title-one{
        font-size:15px;
    }

    .div-alertorder div {
        width: 80%;
       
    }

  
}

@media only screen and (max-width: 400px) {
    .Normenu li > a {
        font-size: 11px !important;
    }

    figure.snip1477 h2 {
        font-size: 9px;
    }

    figure.snip1477 h4 {
        font-size: 9px;
    }

}