@media screen and (max-width: 1200px) {
    /*nav{
        position: absolute;
        left: 0;
        top: -200%;
        width: 100%;
        background: #fff;
        z-index: 100;
    }
    nav.opened{
        top: 100px;
    }*/
    nav{

        display: none;
    }
    .header.menu-opened nav{
        display: block;
    }
    nav ul, nav li, .nav-link{
        width: 100%;
    }
    nav > ul > li {
        padding: 0;
    }
    .nav-link{
        padding: 9px 20px;
    }
    .mega-arrow{
        height: 30px;
    }
    .cart{
        padding: 0 20px;
    }
    .cart::before, .top-header .cart::before{
        right: 0px;
    }
    .menu-btn{
        display: block;
        float: right;
    }
    .fast-order{
        padding-left: 35px;
        background-position: 5px center;
    }
    .nav-holder.fixed .menu-btn-hld{
        display: block;
        padding: 5px;
        margin:4px;
        width:100%;
    }
    .cart-small-screen {
        float:right !important;
        margin-top:-2px;
    }
    .cart-white {
        display:none !important;
    }

    .menu-opened .nav-holder.fixed{
        height: 95%;
        overflow-y: auto;
    }

    .header {
      position: relative;
      display: block;
      top: 0;
      left: 0;

      width: 100%;
      background: rgba(255,255,255,0.9);

      -webkit-transition: all 0.5s ease-out, background 1s ease-out;
      transition: all 0.5s ease-out, background 1s ease-out;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
      z-index: 111;
    }

    .header ul.menu li.menu-item {
      border-bottom: 1px solid #99afd2;
      position: relative;
      -webkit-transform: scale(1.15) translateY(-30px);
              transform: scale(1.15) translateY(-30px);
      opacity: 0;
      -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      -webkit-transition-delay: 0.07s;
              transition-delay: 0.07s;
    }
     .header ul.menu li.menu-item:nth-child(1) {
      -webkit-transition-delay: 0.63s;
              transition-delay: 0.63s;
    }
     .header ul.menu li.menu-item:nth-child(2) {
      -webkit-transition-delay: 0.56s;
              transition-delay: 0.56s;
    }
     .header ul.menu li.menu-item:nth-child(3) {
      -webkit-transition-delay: 0.49s;
              transition-delay: 0.49s;
    }
    .header ul.menu li.menu-item:nth-child(4) {
      -webkit-transition-delay: 0.42s;
              transition-delay: 0.42s;
    }
    .header ul.menu li.menu-item:nth-child(5) {
      -webkit-transition-delay: 0.35s;
              transition-delay: 0.35s;
    }
     .header ul.menu li.menu-item:nth-child(6) {
      -webkit-transition-delay: 0.28s;
              transition-delay: 0.28s;
    }
     .header ul.menu li.menu-item:nth-child(7) {
      -webkit-transition-delay: 0.21s;
              transition-delay: 0.21s;
    }
     .header ul.menu li.menu-item:nth-child(8) {
      -webkit-transition-delay: 0.14s;
              transition-delay: 0.14s;
    }
     .header ul.menu li.menu-item:nth-child(9) {
      -webkit-transition-delay: 0.07s;
              transition-delay: 0.07s;
    }


     .header.menu-opened {

        height: 100%;
        background-color: #fff;
        -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
        transition: all 0.3s ease-in, background 0.5s ease-in;
        -webkit-transition-delay: 0.25s;
              transition-delay: 0.25s;
    }
     .header.menu-opened ul.menu li.menu-item {
      -webkit-transform: scale(1) translateY(0px);
              transform: scale(1) translateY(0px);
      opacity: 1;
      -webkit-transition-delay: 1.83s;
              transition-delay: 1.83s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(1) {
         border-top: 1px solid #99afd2;
      -webkit-transition-delay: 1.27s;
              transition-delay: 1.27s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(2) {
      -webkit-transition-delay: 1.34s;
              transition-delay: 1.34s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(3) {
      -webkit-transition-delay: 1.41s;
              transition-delay: 1.41s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(4) {
      -webkit-transition-delay: 1.48s;
              transition-delay: 1.48s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(5) {
      -webkit-transition-delay: 1.55s;
              transition-delay: 1.55s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(6) {
      -webkit-transition-delay: 1.62s;
              transition-delay: 1.62s;
    }
     .header.menu-opened ul.menu li.menu-item:nth-child(7) {
      -webkit-transition-delay: 1.69s;
              transition-delay: 1.69s;
    }
    .header.menu-opened ul.menu li.menu-item:nth-child(8) {
      -webkit-transition-delay: 1.76s;
              transition-delay: 1.76s;
    }
    .header.menu-opened ul.menu li.menu-item:nth-child(9) {
      -webkit-transition-delay: 1.83s;
              transition-delay: 1.83s;
    }
    .has-sub:hover .mega-menu{
        display: none;
    }
    .has-sub .mega-menu.opened-menu {
        display: block;
    }
     .mega-menu{
        position: relative;
        top:0;
        float: left;
    }
    .nav-holder.fixed .mega-menu {
        top: 0;
    }
    .mega-link{
        border-bottom: 1px solid #cddcf5;
        float: left;
        width: 98%;
        margin: 0 1%;
        padding: 10px 5px !important;
        height: auto !important;
    }
    .mega-ul li:last-of-type .mega-link{
        border-bottom: none;
    }
    .mega-menu .mega-pic{
        display: none;
    }
    .mega-ul-hld{
        float: left;
        width: 100%;
    }
    .mega-arrow{
        display: block;
    }
    .search-hld {
        width: calc(100% - 540px);
    }
    .cart{
        line-height: 35px;
        padding-right: 35px;
        position: relative;
        margin-right: 10px;
    }
    .cart::after{
        position: absolute;
        right: 0;

    }
    .cart .txt{
        display: none;
    }
    .product-name{
        padding: 0 15px;
    }

}
@media screen and (max-width: 992px) {
	.footer-img{
		display: none;
	}
	.info-spec{
		font-size: 20px;
	}
	.info-spec span {
	    font-size: 28px;
	}
    .paging {
        clear: left;
        margin-top: 20px;
        float: right;
    }
    .prod-info-cont{
        margin-top: 15px;
    }
    .profile-column-big, .profile-column{
        width: 100%;
        margin-bottom: 20px;
    }
    .profile-30{
        width: calc(50% - 19px);
    }
    .profile-30:nth-of-type(3n+1){
        margin-left: 28px;
    }
    .profile-30:nth-of-type(even){
        margin-left: 28px;
    }
    .profile-30:nth-of-type(odd){
        margin-left: 0;
    }
    .btn-border.w30 {
        width: calc(50% - 9px);
    }
    .profile-column .btn-border {
        width: 48%;
        float: right;
    }
    .cart-img{
        width: 120px;
    }
    .cart-prod-desc {
        width: calc(100% - 120px);
    }
    .delete-product{
        width: 0;
        text-indent: 9999px;
        overflow: hidden;
    }
    .cart-column.delete-product{
        position: absolute;
        top: 0;
        right: 0;
        width: 30px!important;
    }
    .cart-column.delete-product .delete{
          display: block;
     }
    .cart-column-big{
        width: 48%;
    }
    .cart-column{
        width: 17%;
    }

    .h1-head {
        position: relative !important;
        top:0px !important;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 0;
        width:100%;
    }
    .h1-wrapper {
        background: #365e9e;
        padding: 3px 0px !important;
    }

}
@media screen and (max-width: 768px) {

	.main-slider, .banners-hld{
		width: 100%;
	}
	.banners-hld{
		text-align: center;
		margin-top: 10px;
	}
	.banners-hld a{
		width: 50%;
		max-width: 400px;
        margin-top:0;
        padding: 0 5px;
	}

	.info-box {
		margin: 7px 0;
	}
    .search-mob-btn{
        display: block;
        height: 30px;
        margin-right: 10px;
    }
    .search-hld{
        position: absolute;
        left: 0;
        top: -250%;
        z-index: 10;
        background: #fff;
        width: 100%;
        padding: 15px;
        margin: 0;
    }
    .search-hld.opened{
        top: 62px;
    }
    .cart{
        line-height: 30px;
    }
    .cart::after{
        height: 30px;
    }
    .cart::after, .top-header .cart::after{
        top: 0;
    }
    .cart::before{
        top: 2px;
    }
    .top-header .cart::before{
        background-size: 20px;
        top: 2px;
        right: -2px;
    }
    .fast-order{
        display: none;
    }
    .logo{
        width: 150px;
        margin-left: 10px;
    }
    .filter-title{
        background: url("../img/filter-arrow.svg") no-repeat right 10px center;
    }
    /*.filters-hld{
        display: none;
    }*/
    .contacts-form{
        margin-top: 30px;
    }
    .aside-nav{
        display: none;
    }
    .category-desc-box{
        margin-top: 20px;
    }
    .cart-header{
        display: none;
    }
   .cart-row .cart-column-big{
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 10px;
         border-bottom: 1px solid #f1f1f1;
    }
    .cart-row .cart-column{
        float: left;
        display: block;
        width: 33.33%;
    }
    .cart-radio{
        width: calc(50% - 10px);
        margin-left: 10px;
    }
    .cart-radio:nth-of-type(odd){
        margin-left: 0;
    }
    .product-desc{
       margin-top: 20px;
    }
    #loadFilters{
        display: none;
    }
    .filter-title-hld .clear_filter{
        right: 35px;
    }
    .title-page{
        font-size: 22px;
    }
    .cart-product-name{
        height: auto
    }
    .product-name{
        font-size: 28px;
    }
    nav li li {
        width: 100%;
    }
    .sort-hld .txt{
        display: none;
    }
    .sort-hld .sort .txt{
        display: inline-block;
    }
}
@media screen and (max-width: 620px) {
    .footer-h2 {
        font-size:10px;
        top: -70px;
    }
    .ui-pnotify-text,.ui-pnotify-title {
        font-size:13px !important;
    }
    .ui-pnotify-container,.ui-pnotify {
        max-width: 190px !important;
    }
	.social{
		margin-top: 0;
	}
	.subscribe-hld{
		margin-left: 10px;
		clear: left;
	}
	.top-link{
		display: none;
	}
	.top-link.login,.top-link.blog{
		display: block;
	}
    .top-link.blog{
        margin-right: 15px;
    }
	.text-box{
		width: 100%;
	}
    .logo{
        width: 120px;
        margin-top: 6px;
    }
    .header{
        height: 60px;
    }
    header .right-btns {
        margin-top: 18px;
    }
    .cart{
        padding: 0 25px 0 10px;
    }
    .search-mob-btn{
        width: 35px;
        margin-right: 5px;
    }
    .language-hld{
        margin-left: 0;
    }
    .top-link.login::before{
        width: 30px;
        margin-right:5px;
        height: 30px;
    }
    .top-link.login,.top-link.blog, .languages, .languages::before, .languages, .languages-two{
        height: 30px;
        line-height: 30px;
    }
    .lang-dropdown{
        top: 30px;
    }
    .subscribe{
        width: 150px;
    }
    .news-img{
        max-width: 100%;
    }
    .news-text{
        float: left;
        width: 100%;
    }
    .order-column:first-of-type{
        width: 100%;
        float: left;
        display: block;
    }
    .order-column{
        float: left;
        width: 50%;
        padding: 10px;
    }
    .cart-radio {
        width: 100%;
        margin-left: 0;
    }
    .cart-radio-n{
        width: 50%;
        margin: 5px 0;
    }
    .profile-25 {
        width: calc(50% - 10px);
    }
    .profile-25:nth-of-type(odd){
        margin-left: 0;
    }
    .top-header.fixed .logo {
        display: none;
    }
    .logo-small-screen {
        display: block;
    }
    .cart-white {
        padding: 0 20px 0 2px;
        margin-right: 0;
        font-size: 12px;
        line-height: 30px;
    }
    .cart-white::after{
        width: 20px;
        height: 30px;
        background-size: 20px;
    }
    .category-description .cat-desc {
        font-size: 15px;
        line-height: 16px;
    }
    .category-description .title-cat {
        font-size: 24px;
    }
    .nav-holder.fixed{
        top: 30px;
    }
    .code-hld{
        width: 100%;
    }
    .submit-code.btn {
        width: 150px;
    }
    .code{
        width: calc(100% - 150px);
    }
    nav li li {
        width: 100%;
    }
    .profile-50to100, .cart-log-btns{
        width: 100%;
    }
    .cart-log-btns{
        border-left: none;
        border-top: 1px solid #4a6fab;
        margin-top: 20px;
    }
    .cart-log-btns::before{
        left: 0;
        right: 0;
        top: -15px;
        margin: auto;
        width: 40px;

    }
    .aside-social{
        display: none;
    }
    .scroll-hld{
        bottom: 0;
    }
    .up-btn{
        width: 35px;
        height: 35px;
        background-size: 25px;
    }
    .news-slider .slide{
        width: 300px;
    }
    .category-desc-box{
        padding: 5px;
    }
    .product-box .btn-border {
        opacity: 1;
    }
    .news-slider .slide{
        padding: 0 1px;
    }
}
@media screen and (max-width: 420px) {
    .product-box {
        min-height: inherit;
    }
    .news-wrapper-box{
        width: 100%;
    }
    .contacts-column{
        width: 100%;
    }
    .contacts-column:nth-of-type(even), .contacts-column{
        padding-right: 0;
        padding-left: 0;
    }
    .product-wrapp{
        width: 100%;
    }
    .profile-50, .profile-30, .btn-border.w30, .profile-column .btn-border {
        width: 100%;
    }
    .profile-30, .profile-30:nth-of-type(3n+1), .profile-30:nth-of-type(even),.profile-30:nth-of-type(odd){
        margin-left: 0;
    }
    .cart-price {
        font-size: 18px;
    }
    .cart-column .old-price {
        font-size: 14px;
    }
    .cart-img {
        width: 90px;
    }
    .cart-prod-desc {
        width: calc(100% - 90px);
        padding: 10px;
    }
    .btn:hover{
        letter-spacing: 2px;
    }
    .btn360{
        width: 100%;
    }
    .log-container{
      width: 100%;
    }
    .popup.cart-pop {
        width: 96%;
    }
    .popup select{
        width: 100%;
        min-width: 260px;
    }
    .popup .select2-container{
        width: 100%!important;
    }
    .top-header a{
        font-size: 12px;
    }
    .top-header.fixed .language-hld {
        display: none;
    }
    .top-link.login::before, .languages::before {
        width: 25px;
    }
    .cart-bottom-row{
        padding: 10px;
    }
    .code{
        padding-left: 5px;
    }
    .profile-column-big .btn-border{
        width: 100%;
        margin-top:10px;
    }
    .product-name{
        font-size: 24px;
    }
    .product-page .old-price{
        font-size: 18px;
    }
    .price {
        float: left;
        font-size: 28px;
    }
    .category-desc-box .img, .category-desc-box .text{
        display: block;
        width: 100%;
        margin: 5px 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 360px) {
    .top-header a {
        font-size: 11px;
    }
    .code{
        width: 100%;
    }
    .submit-code.btn{
        width: 100%;
    }
}
