/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */

/*end reset*/

/*-- main --*/

body h1{
    text-align:center;
	color:#fff;
	font-size:3em;
	margin: 1em 0 0.5em;
}
.shoe_text {
    text-align: center;
    background: #f4f4f4;
    border: 1px solid #ddd;
       padding: 0.5em 0;
       margin: 1em;
	z-index:999;
	margin-top:0;
}
.main-left{
	  
        padding: 1em 2em 3em 2em;
}
.shoe_text p{
    font-size:1.1em;
    color: #999;
}
.shoe_text h6{
    font-size:1.3em;
    color: #333;
	    font-weight: bold;
}
.shoe_text h4{
    font-size:1.5em;
        color: #00A4E4;
}

/*-- //main --*/
/*-----start-responsive-design------*/
@media (max-width:1680px){
	
}
@media (max-width:1660px){
	
}
@media (max-width: 1440px){
	
}
@media (max-width: 1366px){
	
}
@media (max-width: 1280px){
	.main {
		margin-top: 3em;
		margin: 0 auto;
		width:40%;
	}
}
@media (max-width: 1024px){
	.main {
		margin-top: 3em;
		margin: 0 auto;
		width:50%;
	}
}
@media (max-width:800px){
	.main {
		margin-top: 3em;
		margin: 0 auto;
		width: 56%;
	}
	.shoe_text h4 {
		font-size: 1.4em;
	}
	body h1 {
		font-size: 2.5em;
		margin: 1em 0 0.5em;
	}
}
@media (max-width: 736px){
	.main {
		margin-top: 3em;
		margin: 0 auto;
		width: 60%;
	}
}
@media (max-width: 667px){
	.main {
		margin-top: 3em;
		margin: 0 auto;
		width: 65%;
		 
	.shoe_text h4 {
		font-size: 1.3em;
	}
}
@media (max-width: 600px){
	.main {
    margin-top: 3em;
    margin: 0 auto;
    width: 83%;
    
}
@media (max-width:568px){
	
}
@media (max-width:480px){
	body h1 {
		font-size: 2.3em;
		margin: 1em 0 0.5em;
	}
	.copyright {
      margin: 3em 0 2em 0;
	}
	.main {
    margin-top: 3em;
    margin: 0 auto;
    width: 86%;
    
	.shoe_text h4 {
		font-size: 1.1em;
	}
	.shoe_text p {
      font-size: 1em;
	}
}
@media (max-width: 414px){
	.main-left {
		padding: 1em 1em 2em 1em;
	}
	body h1 {
		font-size: 2em;
		margin: 0.5em 0 0.3em;
	}
}
@media (max-width: 384px){
	.shoe_text {
		    padding: 0.3em 0;
			margin: 0em;
			margin-top: 0;
			width: 220px;
	}
	.shoe_text h4 {
		font-size: 0.9em;
	}
	.shoe_text p {
		font-size: 0.8em;
	}
	.shoe_text h6 {
      font-size: 1.1em;
	}
	.copyright p {
      font-size: 0.9em;
	}
	.main {
    margin-top: 3em;
    margin: 0 0 0 10px;
    width: 86%;
    
	body h1 {
		font-size: 1.8em;
	}
}
@media (max-width:320px){
	body h1 {
		font-size: 1.6em;
	}
	.shoe_text h4 {
		font-size: 0.8em;
	}
	.shoe_text p {
		font-size: 0.78em;
	}
	.shoe_text h6 {
		font-size: 0.9em;
	}
		.main {
    margin-top: 3em;
       margin: 0 0 0 10px;
    width: 85%;
    
	.shoe_text {
		padding: 0.3em 0;
		margin: 0em;
		margin-top: 0;
		width: 222px;
	}
}