/**********************************************************************************

	Project Name: Im Coming
	Project Description: Coming Soon Template by Works of Wisnu
	Author: xWisnux
	Author URI: http://worksofwisnu.com
	Version: 1.0.0
	
**********************************************************************************/
/* Large desktop */
@media (min-width: 1776px) {
     
body{
background-position:0 -150px;
}
}
@media (min-width: 1500px) and (max-width: 1775px) {
     body{
background-position:-200px -150px;
}
}
/* Large desktop */
@media (min-width: 1200px) and (max-width: 1499px) {
 body{
background-position:-200px -150px;
}

}
@media (min-width: 1200px) and (max-width: 1499px) and (min-height: 700px) and (max-height: 800px)  {
    #header .cont{
        padding:0;
    }
   body{
background-position:-300px -300px;
}  
}
 @media (min-width: 980px) and (max-width: 1199px){
    #header .cont{
        padding:0;
    }
   body{
background-position:-450px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 30px 0 60px 0;
    margin:0;
}
 }
 @media (max-width: 800px) and (max-height: 1280px){
        #header .cont{
        padding:0;
    }
   body{
background-position:-550px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 30px 0 60px 0;
    margin:0;
}
 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header .cont{
        padding:0;
    }
   body{
background-position:-550px -350px;
}  
#footer {
padding: 30px 0 60px 0;
    margin:0;
}
#blocomeio .email {
padding: 25px 0 0 15px;
margin:0;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
           #header .cont{
        padding:0;
    }
    #header #logo{
        left:-05px;
        
    }
    
   body{
background-position:-650px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 30px 0 60px 0;
    margin:0;
} 
#footer .cont{
width:530px;
padding:0 0 0 20px;
} 
 
}
 @media (max-width: 533px) and (max-height: 853px){
        #header .cont{
        padding:0;
    }
    #header #logo{
        left:-05px;
        
    }
    
   body{
background-position:-670px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 30px 0 60px 0;
    margin:0;
} 
#footer .cont{
width:530px;
padding:0 0 0 0px;
}
 }
/* Normal Android Landscape */
@media (max-width: 515px) {
#header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 207px);
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:-600px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
    padding:30px 0 60px 0;
    margin:0;
} 
#footer .cont{
width: 100%;
padding: 0px;
left: calc(50% - 207px);
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
 #header .cont{
        padding:0;
        width:100%;
      
    }
    #header #logo{
       
        left:10px;
    }
    #header #logo img{
     width:90%;   
    }
   body{
background-position:-800px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
    padding:10px 0 60px 0;
    margin:0;
} 
#footer .cont{
width: 100%;
padding: 0px;
left: calc(50% - 207px);
}
}

/* Landscape phones and down */
@media (max-width: 375px) {
 #header .cont{
        padding:0;
        width:100%;
      left:0;
    }
    #header #logo{
       
       
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:-800px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
    padding:20px 0 60px 0;
    margin:0;
} 
#footer .cont{
width: 100%;
padding: 0px;
left: 0;
}
}

/* Vertical phones and down */
@media (max-width: 320px) {
        #header .cont{
        padding:0;
        width:100%;
        left: 0;
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:-900px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 90%;
   padding:30px 0 60px 0;
left:0;

} 
#footer .p2{
    margin:-15px 0 0 0;
}
#footer .p2,#footer .p3,#footer .p4{
    font-size:18px;
}
#footer .p1{
    font-size:30px;
}
#footer .p1m{
    font-size:25px;
}
}

/* Vertical phones and down */
@media (max-width: 320px) and (max-height: 570px) {
         #header .cont{
        padding:0;
        width:100%;
        left: 0;
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:-900px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 90%;
   padding:30px 0 60px 0;
left:0;

} 
#footer .p2{
    margin:-15px 0 0 0;
}
#footer .p2,#footer .p3,#footer .p4{
    font-size:18px;
}
#footer .p1{
    font-size:30px;
}
#footer .p1m{
    font-size:25px;
}
}
/* Vertical phones and down */
@media (max-width: 320px) and (max-height: 480px) {
         #header .cont{
        padding:0;
        width:100%;
        left: 0;
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:-900px -350px;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 90%;
   padding:30px 0 60px 0;
left:0;

} 
#footer .p2{
    margin:-15px 0 0 0;
}
#footer .p2,#footer .p3,#footer .p4{
    font-size:18px;
}
#footer .p1{
    font-size:30px;
}
#footer .p1m{
    font-size:25px;
}
}

/* Normal android portrait */
@media (max-width: 295px) {
 
}

/* Small android portrait */
@media (max-width: 240px) {
    

}