/*
Theme Name: SimpleMag Child Theme
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
*/
@import url("../simplemag/style.css");

/* Your CSS code goes here
-------------------------------------- */

.wrapper,
.layout-boxed {margin-left:auto;margin-right:auto}

@media only screen and (min-width: 751px){
.grids{margin-left:-15px;margin-right:-15px}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{float:left;min-height:1px;padding-left:15px;padding-right:15px;
}
.columns-size-2 .grid-4 {width:50%}
.columns-size-4 .grid-4 {width:25%}
}

.grid-12{width:100%}.grid-11{width:91.66666667%}.grid-10{width:83.33333333%}.grid-9{width:75%}.grid-8{width:66.66666667%}.grid-7{width:58.33333333%}.grid-6{width:50%}.grid-5{width:41.66666667%}.grid-4{width:33.33333333%}.grid-3{width:25%}.grid-2{width:16.66666667%}.grid-1{width:8.33333333%}

/* Grid 1200px */
.wrapper,.wp-image-wrap{width:1050px}
@media only screen and (min-width: 1300px) {.layout-boxed,.layout-boxed .top-strip{max-width:1230px}}

/* Grid 960px */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.wrapper,.wp-image-wrap{width:930px}
.layout-boxed,.layout-boxed .top-strip{max-width:990px}
}
	
/* Grid 750px */ 
@media only screen and (min-width: 751px) and (max-width: 959px) {
.wrapper,.wp-image-wrap{width:700px}
.grids{margin-left:-10px;margin-right:-10px}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{padding-left:10px;padding-right:10px}
.layout-boxed{max-width:730px;}
}

/* Mobile */
@media only screen and (max-width: 750px){
.wrapper{width:92%}
.grids,.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{width:100%}
body{-webkit-text-size-adjust:none}
}

 .main-menu .sub-menu-full-width .sub-posts .mega-menu-item {
	width:350px;
    }

    .main-menu .sub-menu-full-width .sub-posts .mega-menu-item figure {
        width:350px;
        height:260px;
    }

	.sidebar .widget-slider .entry-image {
		max-height:300px;
	}
	
.main-menu > ul > li > .sub-menu {
	padding-top:0px;
    padding-bottom:30px;
}