/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (min-width : 1600px) {

}
@media only screen and (min-width: 1200px) {

}
@media only screen and (max-width: 1200px) {
 	.border-box{
    	padding: 25px 30px;
	} 	
  	.mini-box {
    	padding: 18px 2px 8px;
	}
}
@media only screen and (min-width: 980px) and (max-width: 1200px){ 
}

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

}

@media only screen and (max-width: 768px){
	.border-box{
    	padding: 20px 10px;
	} 
}


@media only screen and (min-width: 768px) {
   
}
@media only screen and (max-width: 640px) {
	.logo-img{
	    height: 75px;
	}
	.social li{
	    font-size: 35px;
	}
	.headline {
    	font-size: 28px;
	}
	.sec-pad {
    	padding: 30px 0px;
	}
}
    

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

}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
	footer {
    	padding: 12px 0px 10px;
	}
	footer p {
    	font-size: 12px;
	}
	.h3, h3 {
    	font-size: 1.5rem;
	}
	big{
		font-size: smaller;
	}
}
@media only screen and (max-width: 400px) {

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

}
@media only screen and (max-width: 340px) {
	.blue-box {
    	padding: 15px 15px;
	}
}
@media screen and (max-width: 321px){

}