@media (max-width: 1700px) {
	
}

@media (max-width: 1400px) {
	
}

@media (max-width: 1300px) {
	
}

@media (max-width: 1132px) {
	
	.logo{
		font-size: 22px;
text-align: center;
 padding: 11px 0;
	}

}

@media (max-width: 991px) {
		.logo {
    font-size: 21px;
    padding: 12px 0;
    text-align: center;

}
	
	.card_box {
    width: 74%;
    float: left;
    background: none repeat scroll 0% 0% #D1D1D1;
    margin: 20px 0px;
    padding: 47px 10%;
}

.card {
    width: 94%;
    float: left;
    margin: 0px 3%;
}



}

@media (max-width: 980px) {
	.nav li span {
    display: block;
    font-size: 15px !important;
    padding: 29px 0 !important;
}

.logo {
    font-size: 19px;
    font-weight: bold;
    padding: 25px 0;
    text-align: center;
}

}

@media (max-width: 800px) {
	
.logo {
    font-size: 26px;
    padding: 2px 0;
    text-align: center;
}

.pro-cont {
    width: 100%;
}

.pro-cont-img {
    width: 40%;
}

}

@media (max-width: 767px) {
	.logo {
    font-size: 1.65em;
    text-align: center;
    padding: 36px 0px;
    width: 100%;
}

.nav_box {
    width: 100%;
    float: right;
}

.pro-cont {
    width: 100%;
}

aside {
    float: left;
    width: 100%;
}
	
.form {
    width: 96%;
    float: left;
    margin-bottom: 10px;
    padding: 0px 10px;
    font-size: 13px;
    background: none repeat scroll 0% 0% #D34E01;
}

.left-cont_box {
    float: right;
    width: 100%;
}


.add {
    width: 50%;
    float: left;
}

.card_box {
    width: 74%;
    float: left;
    background: none repeat scroll 0% 0% #D1D1D1;
    margin: 20px 0px;
    padding: 10px 10%;
}

.card {
    width: 19%;
    float: left;
    margin: 0px 3%;
}

}

@media (max-width: 581px) {
	
	.pro-cont ul li {
    float: left;
    width: 100%;
    display: inline;
    margin: 10px 0px;
}
	
	.left-cont{
	margin-bottom: 10px;
}

header ul li {
    float: right;
    width: 100%;
    text-align: center;
}

}