/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  ---------------------------------------------------------------------- For square screens and landscape tablets (1024 wide - 32 for scrollbar)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */




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

.content {
    width: 992px;

}

a#logo {
    left: 30px;
}

nav {    
    right: 20px;
}

ul#menu a {
    padding: 0 15px;
}

.calltoactioncontainer{
    width: 932px;
}

#body .content {
    padding: 50px 30px 50px;
    }
footer .content {
    padding: 20px 30px;
    }








/*  ---end---  */
}