/* -------------------- Responsive -------------------- */

@media screen and (max-width: 1080px) { /* 1225 */
    .second-menu{
        margin-top: 40px;    
        width: 100%;
        display: none;
    }
    
    .shop-box{
        width: 40%;   
    }
    
    .second-menu li{
        float: none;  
        background-color: #fff;
    }
    
    .second-menu li:hover{
        border: none;   
    }
    
    .right-col{
        width: 72%;
    }
    
    .main-menu-button{
        display: block;   
    }
    
	.slider-container, .slider-container2, .slider-container3,
    .slider-container4, .slider-container5, .slider-container6,
    .slider-container7
    {
		display: none;	
	}

	.hand1:hover .sub-menu{
        display: block;   
    }

    .hand2:hover .sub-menu{
        display: block;   
    }
    
    .hand3:hover .sub-menu{
        display: block;   
    }

    .hand4:hover .sub-menu{
        display: block;   
    }

    .hand5:hover .sub-menu{
        display: block;   
    }

    .hand6:hover .sub-menu{
        display: block;   
    }

    .hand7:hover .sub-menu{
        display: block;   
    }

    .left-col p{
    	padding: 40px 0 0 3px;
    }

	.left-menu li{
		padding: 15px 0 0 3px;
	}    
}

@media screen and (max-width: 1168px) {
	.shop-box2{
		width: 30%;	
	}
}

@media screen and (max-width: 1120px) {
    .main-menu{
        margin-left: 0;
        font-size: 11px;
    }
    
    .topmanage p{
        font-size: 11px;   
    }
    
    .main-menu li{
        padding: 15px 7px 15px 7px;   
    }
	
	.p3-left{
		float: none;
		margin: 0 auto 0 auto;	
		width: 70%;
	}
	
	.p3-right{
		float: none;
		margin: 0 auto 0 auto;
		width: 70%;	
	}
}

@media screen and (max-width: 1040px) {
    .right-col{
        width: 70%;       
    }
}

@media screen and (max-width: 940px) {
	.popup-container{
		width: 90%;	
	}
	
	#pop-text{
		width: 90%;	
	}
	
	.enter-color{
		margin: 20px 10px 0 0;
		width: 20%;	
	}
		
	.customers{
		margin: 50px 0 0 0;	
	}
	
	.shop-box2{
		width: 40%;	
		margin-left: 15px;
	}
	
    .call-toll{
		display: block;	
	}
	
    .topmanage{
        float: right; 
		width: auto; 
    }
	
	.topmanage p{
		/*display: none;	*/
	}
    
	.topmanage .phoneNum
	{
		display: none;
	}
	
    .main-menu {
         display: none;
    }
    
    .main-footer{
        margin-top: 10px;   
    }
    
    .nb_fot p{
        font-size: 16px;   
    }
    
    .footer-menu li{
        font-size: 14px;   
    }
    
    .left-menu li{
        width: 100%;   
    }
    
    .nb_text{
        width: 25%;   
    }
    
    
    .nb_input{
        width: 75%;   
    }    
}

@media screen and (max-width: 773px) {
	.popup-half{
		width: 100%;
		float: none;	
	}
	
	.label{
		font-size: 18px;	
	}
	
	.popup-inputs h5{
		font-size: 15px;	
	}
	
	.popup-bottom{
		margin: 106px 0 0 0;	
	}
	
	#pop-but{
		margin: 0 auto 0 auto;
		padding: 5px 30px 5px 30px;	
	}
}

@media screen and (max-width: 712px) {
	.resp-nav{
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
		height: 150px;
	}

	.resp-item{
		margin: 0 0 0 0;
		padding: 0;
		width: 24%;
		height: 150px;
		float: left;
		border-right: 1px solid #E7E6E6;
		s_background-image: url(../images/big-img.png);
		background-size: 100% 100%;
	}

	.p3-right h3{
		padding: 0 0 0 0;
	}

	.p3-left{
		height: 718px;
	}

    .left-menu li{
        text-align: center;   
    }
     
	.shop-box2{
		width: 60%;
		float: none;
		margin: 0 auto 0 auto;	
	}
	
    .left-col{
        width: 100%;
        float: none;
        height: auto;
    }
	
	.filter{
		display: block;	
	}
	
	.left-col p{
		text-align: center;	
	}
    
    .right-col{
        width: 100%;
        float: none;
    }
    
    .shop-box{
        width: 44%;   
    }
	
	.left-menu{
		display: none;	
	}
	
	.site-map{
		display: none;	
	}
    
    .main-footer{
        height: auto;
    }
    
    .nb_social-menu{
        width: 100%;
        float: none;
        height: 50px;
    }
    
    .nb_fot{
        float: none;   
        width: 100%;
    }
	
	.footer-menu2 li{
		text-align: center;	
	}
	
	.footer-menu li{
		text-align: center;	
		padding: 10px 0 10px 0;
	}
	
	.under-grey{
		margin: 23px auto 0 auto;	
	}
	
	.under-grey-start{
		margin: 23px auto 0 auto;	
	}
	
	.big-image{
		width: 100%;
		margin: 0 auto 0 auto;	
	}
	
	.up-slider{
		display: none;	
	}
	
	.p3-left{
		width: 100%;	
	}
	
	.add-cart{
		font-size: 18px;	
	}
	
	.big-panel{
		width: 100%;	
	}
	
	.customers{
		margin-top: 40px;	
	}
	
	.customers p{
		font-size: 22px;
		width: 100%;	
	}
}

@media screen and (max-width: 660px) {
	.checkbox-i span{
		margin: 26px auto 0 auto;
		float: none;	
	}
	
	.label{
		text-align: center;	
	}
	
	.popup-bottom{
		margin: 210px 0 0 0;	
	}
}

@media screen and (max-width: 630px) {
	.shop-box2{
		width: 90%;
	}
	
    .nb_text{
        float: none;
        width: 100%;
    }
    
    .nb_text p{
    	float: none;
        text-align: center;   
    }
    
    .nb_input{
        float: none;
        width: 100%;
    }
    
    .enter-email{
        height: auto;   
    }
}

@media screen and (max-width: 590px) {
	.shop-box{
        width: 90%;   
    }
}

@media screen and (max-width: 505px) {
	.resp-item{
		width: 49%;
		height: 190px;
	}

	.resp-nav{
		height: 300px;
	}

    .site-map{
        width: 50%;   
    }
	
	.call-toll{
		font-size: 10px;	
	}
	
	.nb_input{
		height: 150px;	
	}
	
	.nb_text p{
		float: none;	
	}
	
	.p3-right{
		background-color: #fff;	
		width: 100%;
	}
	
	.p3-left{
		margin-bottom: -90px;	
        background-color: #fff;
	}
}

@media screen and (max-width: 505px) {
	.p3-right{
		height: 998px;
	}
	
	.shop-box{
		margin-left: 18px;	
	}
    
    .block{
        width: 40px;
        height: 38px;
    }
    
    .big-image p{
        display: inline-block;
    }
    
    .p3-right h3{
        display: none;   
    }
    
    .p3-left{
        height: 500px;   
    }
    
    .p3-right h4, .p3-right h5, .p3-right h6, .p3-right p, .color-select{
        margin-left: 15px; 
    }
}

@media screen and (max-width: 448px) {
	.input-i{
		float: none;	
		margin: 0 auto 0 auto;
		display: block;
	}
	
	.join-button{
		margin: 31px auto 0 auto;
		display: block;	
	}
    
    .add-cart{
        margin: 150px 0 0 0;   
    }
}

@media screen and (max-width: 448px) {
	.select1{
		margin: 18px 18px 0 15px;
	}

	.select2{
		margin: 18px 18px 0 15px;
	}

	.add-cart{
		margin: 150px 0 0 15px;
	}
}


@media screen and (max-width: 448px) {
	.resp-item{
		width: 49%;
		height: 140px;
	}
}