

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1000px) {
	#menu {
		display:none;
	}
	
	
	
	.uprmenu2 ul#menu  {
        display:none;
    }
	
	.slicknav_menu {
		width: 100%;
		display:block;
		background: #b60232;
		float: left;
		padding: 0 0 !important;
		font-size: 18px !important;
	}

	.slicknav_menu .slicknav_menutxt {
		width: 95%;
		text-align: center;
	}
	
	.slicknav_btn {
	    float: left !important;
	    background: url(../img/bghovm.jpg) top center repeat-x !important;
	    margin: 6px 1% 6px !important;
        width: 98%;
	}
	
	.slicknav_nav,
	.slicknav_nav li,
	.slicknav_nav li a {
	    background: none !important;
	    margin: 0 !important;
        padding: 2px 0 !important;
	}

    .slicknav_nav li {
    	margin: 10px 0 !important;
    }

    .slicknav_nav li a {
    	text-transform: uppercase;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 700;
    }
	
	.slicknav_nav li a.end {
		display: none;
	}

	.slicknav_nav {
	    width: 100% !important;
	}
	
	.slicknav_nav .slicknav_arrow {
	    font-size: 0.9em !important;
	}

	.slicknav_nav li {
	    width: 99% !important;
	    margin-left: 1% !important;
	    border: 0 !important;
	}

	.slicknav_nav li ul {
	    position: relative !important;
	    display: block !important;
	    margin-top: 0 !important;
	}

	.slicknav_nav li ul.slicknav_hidden {
	    display: none !important;
	}

	.slicknav_nav li ul {
	    display: block !important;
	    background: none !important;
	}

	.slicknav_nav .newrazdel {
        display: none;
    }

	.slicknav_nav li ul li a {
	    padding: 1px 0 !important;
	}
	
	

}



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



}


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

    .slicknav_menu {
        width: 100%;
    }

}


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

    .slicknav_menu {
        padding: 2px 0 !important;
        width: 100%;
    }
	
	.proizvslid,
	.mainslider {
		display: none;
	}

}


@media screen and (max-width: 600px) {
    
    .slicknav_menu .slicknav_menutxt {
        width: 85%;
        text-align: center;
    }

}

@media screen and (max-width: 520px) {
    
    a.nowprod {
        position: relative;
        float: left;
        width: 100%;
        padding: 0 2%;
        margin-right: 0px;
    }
    

	
}



@media screen and (max-width: 450px) {
	
	.slicknav_menu .slicknav_menutxt {
	text-align: right;
	}
	
}



@media screen and (max-width: 400px) {
    
ul.ysl li {
    width: 98%;
}
    
}


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


    .slicknav_nav li ul {
        width: 90% !important;
        margin-left: 10%  !important;
    }

    .slicknav_nav li ul li {
        width: 100%  !important;
    }

    .slicknav_nav li ul li a {
        width: 100%  !important;
    }
    
}








