@media screen and (min-width: 1900px) { .container{max-width:1400px;} } @media screen and (max-width: 1480px) { #mFull .container{max-width: 97%;} #loginPage .container .login-cont .topLog .logo img{height: 85px;margin-bottom: -25px;} #loginPage .container .login-cont .topLog .text h2{font-size: 20px;} #loginPage .container .login-cont .formLogin{padding: 90px;} #loginPage .container .login-cont .formLogin .login-form input{padding: 8px 20px;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button img{height: 15px;margin-left: 3px;} #loginPage .container .login-cont .formLogin .remember-me{font-size: 13px;} #loginPage .container .login-cont .formLogin .remember-me input{width: 10px;} #loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;} #loginPage .container .login-cont .bottomF{padding: 14px 0;} #loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;} #loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;} #loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;} #header .topH{height: 60px;} #header .topH .container .logo{width: 290px;} #header .topH .container .logo img{margin-top: 15px;height: 75px;} #header .topH .container .rightTop .menu ul li:before{height: 35px;} #header .topH .container .rightTop .menu ul li a{padding: 0 10px;font-size: 12px;} #header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 10px;} #header .topH .container .rightTop .accountH a{margin-left: 10px;font-size: 13px;} #header .topH .container .rightTop .accountH a img{height: 20px;margin-right: 8px;} #header .bottomH{height: 50px;} #header .bottomH .container{padding-left:310px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 10px;} #header .bottomH .container .dealerInfo .text p{font-size: 12px;} #header .bottomH .container .iconsBh a{padding: 0 10px;} #header .bottomH .container .iconsBh a:before{height: 30px;} #header .bottomH .container .iconsBh a img{height: 17px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 300px 71%;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 30px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 35px;padding-right: 15px;margin-right: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 16px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 12px;padding: 9px 24px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 30px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 13px;margin-bottom: 10px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 14px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 18px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 15px 0 20px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 30px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 300px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 322px;margin-top: -20px;border: 7px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 125px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 125px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:125px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 18px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 10px 10px 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 8px;margin-left: 8px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image:before{top: -8px;height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 21px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 20px;} #pageDetailContent .container .pageRight .pProList .single{padding: 20px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 200px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 20px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 15px;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 7px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 15px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 13px 18px; font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 40px 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 16px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 16px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 45px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 325px;margin-bottom: 10px;padding-bottom: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide{padding: 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 11px;height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 23px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width: 70px;font-size: 14px;padding: 0 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin i{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 18px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 200px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 18px;} #pageDetailContent .container .pageRight .pageContact{padding: 28px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 18px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 27px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 14px;margin-left: 10px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form input,textarea{padding: 8px 20px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button img{height: 15px;margin-left: 3px;} #footer{padding: 20px 0;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 12px;padding: 10px 0;} #footer .container .ftop .fTright{padding: 10px 0;} #footer .container .ftop .fTright a{padding: 0 10px 0 0;font-size: 12px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 10px;} #footer .container .fbottom{padding: 10px 0;} #footer .container .fbottom a{font-size: 11px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice select{padding: 8px 20px;font-size: 13px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice .buttons button{padding: 10px;font-size: 12px;} } @media screen and (max-width: 1380px) { .container{padding: 0 10px;max-width: 97%;} #mFull .container{max-width: 97%;} } @media screen and (max-width: 1200px) { #loginPage .container .login-cont .topLog .logo{padding: 0 25px;} #loginPage .container .login-cont .topLog .logo img{height: 70px;margin-bottom: -20px;} #loginPage .container .login-cont .topLog .text h2{font-size: 18px;} #loginPage .container .login-cont .formLogin{padding: 80px;} #loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;} #loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;} #loginPage .container .login-cont .formLogin .remember-me input{width: 10px;} #loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;} #loginPage .container .login-cont .bottomF{padding: 14px 0;} #loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;} #loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;} #loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;} #header .topH{height: 50px;} #header .topH .container .logo{width: 244px;} #header .topH .container .logo img{margin-top: 9px;height: 65px;} #header .topH .container .rightTop .menu ul li:before{height: 30px;} #header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 12px;} #header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 10px;} #header .topH .container .rightTop .accountH a{margin-left: 8px;font-size: 12px;} #header .topH .container .rightTop .accountH a img{height: 20px;margin-right: 8px;} #header .bottomH{height: 45px;} #header .bottomH .container{padding-left: 260px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 10px;} #header .bottomH .container .dealerInfo .text p{font-size: 11px;} #header .bottomH .container .iconsBh a{padding: 0 10px;} #header .bottomH .container .iconsBh a:before{height: 30px;} #header .bottomH .container .iconsBh a img{height: 16px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 250px 72%;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 30px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 11px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 9px 24px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 25px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 13px;margin-bottom: 10px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 13px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 16px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 11px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 250px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 271px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 15px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 20px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single{padding: 15px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 175px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 15px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 6px;font-size: 12px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 13px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 15px; font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 30px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 18px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 12px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 275px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 60px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 21px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 12px;padding-bottom: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 19px;padding: 8px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width: 60px;font-size: 14px;padding: 0 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin i{font-size: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .pageContact{padding: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 13px;margin-left: 8px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form input,textarea{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #footer{padding: 18px 0;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 11px;padding: 8px 0;} #footer .container .ftop .fTright{padding: 8px 0;} #footer .container .ftop .fTright a{padding: 0 8px 0 0;font-size: 11px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 8px;} #footer .container .fbottom{padding: 8px 0;} #footer .container .fbottom a{font-size: 10px;} } @media screen and (max-width: 1024px) { .container{padding: 0 10px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 15px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 30px;} #mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .footerNav-social span{font-size: 10px;} #header .topH{height: 45px;} #header .topH .container .logo{width: 193px;} #header .topH .container .logo img{margin-top: 10px;height: 55px;} #header .topH .container .rightTop .menu ul li:before{height: 25px;} #header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;} #header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;} #header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;} #header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;} #header .bottomH{height: 40px;} #header .bottomH .container{padding-left: 210px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;} #header .bottomH .container .dealerInfo .text p{font-size: 11px;} #header .bottomH .container .iconsBh a{padding: 0 10px;} #header .bottomH .container .iconsBh a:before{height: 25px;} #header .bottomH .container .iconsBh a img{height: 16px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 20px;grid-template-columns: 200px 71%;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 135px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 13px; font-size: 11px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 30px 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 23px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 250px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width: 50px;font-size: 14px;padding: 0 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin i{font-size: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 135px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #footer{padding: 18px 0;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;} #footer .container .ftop .fTright{padding: 7px 0;} #footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;} #footer .container .fbottom{padding: 7px 0;} #footer .container .fbottom a{font-size: 10px;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice select{padding: 8px 17px;font-size: 13px;} } @media screen and (max-width: 768px) { .container{padding: 0 10px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 15px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 30px;} #mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .footerNav-social span{font-size: 10px;} #loginPage .container .login-cont .topLog .logo{padding: 0 25px;} #loginPage .container .login-cont .topLog .logo img{height: 70px;margin-bottom: -20px;} #loginPage .container .login-cont .topLog .text h2{font-size: 18px;} #loginPage .container .login-cont .formLogin{padding: 70px 50px;} #loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;} #loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;} #loginPage .container .login-cont .formLogin .remember-me input{width: 10px;} #loginPage .container .login-cont .footer p{font-size: 12px;padding: 10px 0;} #loginPage .container .login-cont .bottomF{padding: 14px 0;} #loginPage .container .login-cont .bottomF a{font-size: 12px;padding: 0 14px 0 0;} #loginPage .container .login-cont .bottomF a:last-child{padding: 0 14px;} #loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin{padding: 70px 50px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me input{width: 10px;} #header .topH{height: 45px;} #header .topH .container .logo{width: 193px;} #header .topH .container .logo img{margin-top: 10px;height: 55px;} #header .topH .container .rightTop .menu ul li:before{height: 25px;} #header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;} #header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;} #header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;} #header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;} #header .bottomH{height: 40px;} #header .bottomH .container{padding-left: 210px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;} #header .bottomH .container .dealerInfo .text p{font-size: 11px;} #header .bottomH .container .iconsBh a{padding: 0 10px;} #header .bottomH .container .iconsBh a:before{height: 25px;} #header .bottomH .container .iconsBh a img{height: 16px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 15px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 150px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;padding: 9px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 7px 10px; font-size: 11px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 230px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;margin-bottom: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width: 50px;font-size: 14px;padding: 0 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin i{font-size: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -7px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 150px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #footer{padding: 18px 0;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;} #footer .container .ftop .fTright{padding: 7px 0;} #footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;} #footer .container .fbottom{padding: 7px 0;} #footer .container .fbottom a{font-size: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p:last-child{font-size: 13px;padding: 8px;} .successNotification p{font-size: 12px;} #cboxClose{width: 80px!important;height: 35px!important;} } @media screen and (max-width: 640px) { .container{padding: 0 10px;max-width: 100%;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content{flex-direction: column;align-items: unset;} #mFull .container .content ul{display: flex;flex-direction: column;justify-content: center;} #mFull .container .content ul li a{font-size: 12px;} #mFull .container .content .info{ display: flex;flex-direction: row;text-align: right;padding-right: 0;justify-content: space-between;flex: unset;} #mFull .container .content .info::after{display: none;} #mFull .container .content .info .phone{ display: flex;flex-direction: column;align-items: flex-start;} #mFull .container .content .info .phone a{font-size: 12px;} #mFull .container .content .info > div::before{top: 21px;right: unset;left: 0;} #mFull .container .content .info i{font-size: 13px;margin-bottom: 5px;} #mFull .container .content .info a{font-size: 10px;} #mFull .container .content .info .mail{ display: flex;flex-direction: column;align-items: flex-start;} #mFull .footerNav-social span{font-size: 8px;} #header .topH{height: 63px;padding: 10px 0;} #header .topH .container .logo{width: 120px;} #header .topH .container .logo img{margin-top: 5px;height: 53px;} #header .topH .container .rightTop{flex-direction: column;justify-content: center;align-items: flex-end;} #header .topH .container .rightTop .menu ul li:before{height: 25px;} #header .topH .container .rightTop .menu ul li a{padding: 0 8px;font-size: 11px;text-align: end;} #header .topH .container .rightTop .menu ul li:last-child a{padding: 0 0 0 8px;} #header .topH .container .rightTop .menu ul li a img{height: 20px;margin-right: 5px;} #header .topH .container .rightTop .accountH{margin-top: 5px;} #header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 11px;} #header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;} #header .bottomH{height: 47px;} #header .bottomH .container{padding-left: 9px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;} #header .bottomH .container .dealerInfo .text p{font-size: 11px;} #header .bottomH .container .iconsBh a{padding: 0 10px;} #header .bottomH .container .iconsBh a:before{height: 25px;} #header .bottomH .container .iconsBh a img{height: 16px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 11px;font-size: 13px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;padding: 9px 10px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:101px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;flex-direction: column;align-items: flex-start;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .listTitle .menuL{margin-bottom: 10px;} #pageDetailContent .container .pageRight .listTitle select{ border: 1px solid #dddd;font-size: 12px;padding: 2px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 175px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 20px;margin-right: 3px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin:15px 0 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 10px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 11px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 11px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 21px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 12px;padding-bottom: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 19px;padding: 8px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB input{width: 60px;font-size: 14px;padding: 0 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons .qtyB .plusMin i{font-size: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 10px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -3px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #footer{padding: 15px 0;} #footer .container .ftop{flex-direction: column;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 10px;padding: 7px 0;} #footer .container .ftop .fTright{padding: 0 0 7px 0;} #footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 10px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;} #footer .container .fbottom{padding: 7px 0;justify-content: flex-start;} #footer .container .fbottom a{font-size: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice .buttons button{padding: 8px;font-size: 11px;} #pageDetailContent .container .pageRight .lastOrder .titleUnpaid{font-size: 13px;} #pageDetailContent .container .pageRight .lastOrder.unpaidOrdersBox .orderS{ padding: 10px; flex-direction: column;align-items: flex-start;} #pageDetailContent .container .pageRight .lastOrder.unpaidOrdersBox .orderS .date h1{font-size: 13px;} #pageDetailContent .container .pageRight .lastOrder.unpaidOrdersBox .orderS .date p{font-size: 13px;} #pageDetailContent .container .pageRight .lastOrder.unpaidOrdersBox .orderS .totalPrice{align-items: flex-start;margin-top: 5px;} } @media screen and (max-width: 480px) { .container{padding: 0 5px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 15px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 30px;} #mFull .container .content .info i{font-size: 19px;margin-bottom: 5px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .footerNav-social span{font-size: 10px;} #loginPage .container .login-cont .topLog .logo{padding: 0 9px;} #loginPage .container .login-cont .topLog .logo img{height: 50px;margin-bottom: -17px;} #loginPage .container .login-cont .topLog .text{padding-bottom: 2px;} #loginPage .container .login-cont .topLog .text h2{font-size: 15px;} #loginPage .container .login-cont .formLogin{padding: 30px 20px 10px 20px;} #loginPage .container .login-cont .formLogin .login-form input{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} #loginPage .container .login-cont .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #loginPage .container .login-cont .formLogin .login-form button img{height: 13px;margin-left: 3px;} #loginPage .container .login-cont .formLogin .remember-me{font-size: 12px;} #loginPage .container .login-cont .formLogin .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;} #loginPage .container .login-cont .footer p{font-size: 11px;padding: 10px 0;} #loginPage .container .login-cont .bottomF{padding: 10px 0;} #loginPage .container .login-cont .bottomF a{font-size: 11px;padding: 0 10px 0 0;} #loginPage .container .login-cont .bottomF a:last-child{padding: 0 10px;} #loginPage .container .login-cont .bottomF:before{width: 35px;height: 2px;} #pageDetailContent .container .pageRight .pageContact .maps {padding: 0 0 8px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form input,textarea{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;} #header .topH{height: 83px;padding: 10px 0;} #header .topH .container .logo{width: 110px;} #header .topH .container .logo img{margin-top: 6px;height: 55px;} #header .topH .container .rightTop{flex-direction: column;justify-content: center;align-items: flex-end;} #header .topH .container .rightTop .menu ul li:before{height: 25px;} #header .topH .container .rightTop .menu ul li a{padding: 0 6px;font-size: 11px;text-align: end;} #header .topH .container .rightTop .menu ul li:last-child a{padding: 0 0 0 8px;} #header .topH .container .rightTop .menu ul li a img{height: 25px;margin-right: 5px;} #header .topH .container .rightTop .accountH{margin-top: 15px;} #header .topH .container .rightTop .accountH a{margin-left: 6px;font-size: 13px;} #header .topH .container .rightTop .accountH a img{height: 19px;margin-right: 5px;} #header .bottomH{height: fit-content;padding: 10px 0;} #header .bottomH .container{padding-left: 9px;} #header .bottomH .container .dealerInfo img{height: 20px;margin-right: 5px;} #header .bottomH .container .dealerInfo .text p{font-size: 12px;} #header .bottomH .container .iconsBh a{padding: 0 7px;} #header .bottomH .container .iconsBh a:before{height: 25px;} #header .bottomH .container .iconsBh a img{height: 17px;} #pageDetailContent{margin-top: 10px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 9px;font-size: 15px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 12px;} #pageDetailContent .container .pageLeft .detailMenu{padding-top: 20px;display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 13px;padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu li a img{margin-right: 2px;height: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -21px;height: 20px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 9px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 49.3%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:nth-child(3) .main img{height: 115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .dtyCat:first-child .main img{height:115px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 14px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 121px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 14px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;padding: 10px 10px 10px 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 00px;} #pageDetailContent .container .pageRight .orderListWindow .table{padding: 2px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 10px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 7px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 9px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button img{height: 12px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 25px;margin-right: 7px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date h1{font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 12px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;text-align: center;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 13px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 10px;height: 40px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 40px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);width: fit-content;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h1{font-size: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p{font-size: 17px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text p:last-child{font-size: 15px;padding-bottom: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .text h2{font-size: 20px;padding: 8px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #detailInfo .buttons button{font-size: 15px;padding: 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 10px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -5px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 121px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #footer{padding: 15px 0;} #footer .container .ftop{flex-direction: column;} #footer .container .ftop:before{bottom: -2px;height: 2px;width: 40px;} #footer .container .ftop .fTleft p{font-size: 12px;padding: 7px 0;} #footer .container .ftop .fTright{padding: 0 0 7px 0;} #footer .container .ftop .fTright a{padding: 0 7px 0 0;font-size: 12px;} #footer .container .ftop .fTright a:last-child{padding: 0 0 0 7px;} #footer .container .fbottom{padding: 7px 0;justify-content: flex-start;} #footer .container .fbottom a{font-size: 13px;} #cboxClose{width: 70px!important;height: 30px!important;} #pageDetailContent .container .pageRight .pageContact{padding: 10px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 0;padding: 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p:last-child{font-size: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice select{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} }