/* =======================================
	* GRID RESPONSIVE
	* Theme: Selkie
========================================== */


/****************************************/
/* Default Container
/****************************************/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.main_content .container {
	width: 100%;
}

@media only screen and (max-width: 825px) {
	.container {
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1168px) {
  .container {
    width: 1150px;
  }
}
@media (min-width: 1650px) {
  .container {
    width: 1500px;
  }
}

/****************************************/
/* Blog layout Grid
/****************************************/

.ig_wrapper {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 120px;
}
@media (min-width: 1650px) {
	.ig_wrapper {
		max-width: 1500px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 120px;
	}
}
@media (max-width: 600px) {
	.ig_wrapper {
		margin-bottom: 40px;
		padding-top: 30px;
	}
}

@media only screen and (max-width: 1170px) and (min-width: 600px) {
.ig_wrapper {
   		padding-left: 40px;
   		padding-right: 40px;
    }
}
@media only screen and (max-width: 1170px) and (min-width: 600px), only screen and (min-width: 1171px) {
	.ig_wrapper {
	padding-top: 80px;
	}
}

.ig_wrapper.pad__null {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


/* === Fluid Container === */
@media only screen and (max-width: 1170px) and (min-width: 961px), only screen and (min-width: 1171px) {
.main_content {
    width: 100%;
    float: left;
    margin-right: -360px;
    }
}

@media (min-width: 1650px) {
	.main_content__full {
		width: 1500px;
	}
}

/* === Container with Sidebar === */
.main_content__r {
	margin-right: 390px; /* The size of the fixed block. */
}	
@media (max-width: 960px) {
	.main_content__r {
		margin-right: 0px; /* The size of the fixed block. */
	}
}

/*  === Sidebar === */
@media only screen and (max-width: 1170px) and (min-width: 961px), only screen and (min-width: 1171px) {
.cont_sidebar {
		overflow: hidden;
		width: 340px;
		margin-top: 0;
		display: block;
		float: right;
	}
}
@media only screen and (max-width: 599px), only screen and (max-width: 960px) and (min-width: 600px) {
	.cont_sidebar {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
}

/****************************************/
/* Grid woocommerce
/****************************************/

.ig-container {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px; 
    margin-bottom: 50px;
}

	
@media (min-width: 1168px){
	.ig-container {
		width: 1150px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 1650px) {
	.ig-container {
		width: 1500px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

#content {
	margin-bottom:50px;
	/*overflow:hidden;*/
	margin-top:60px;
}
#main.fullwidth {
	width: 682px;
	margin: 0 auto;
	float: none;
}
#main.fullwidth_big {
	width: 100%;
}
#sidebar {
	float:right;
	width: 340px;
}
#main {
	width: 65%;
	float:left;
}
	@media (max-width: 1170px) {
		#main {
			width: 63%;
		}
	}
	@media (max-width: 1080px) {
		#sidebar {
			width: 300px;
		}
	}



@media only screen and (min-width: 768px) and (max-width: 970px) {
	.ig-container { width:100%; }
	#main { width:100%; }
	#sidebar {
		width:480px;
		margin:0 auto;
		float:none;
		overflow:hidden;
	}
}

@media only screen and (max-width: 830px) {
	#main { width:100%; }
	#sidebar {width:100%;}
	#main.fullwidth {width: 100%;}
	.ig-container {
	padding-left: 15px;
	padding-right: 15px;
	}
}


@media only screen and (min-width: 480px) and (max-width: 768px) {
	.ig-container, 
	#content { 
		width:480px;
		padding: 0px; 
		}
}



/****************************************/
/* Footer widget 2 - 3 colums
/****************************************/

/* == Column 1 == */
footer .col-1 {
	max-width: 550px;
	margin: 0px auto;
	text-align: center;
}

/* == Column 2 == */
footer .col-2 {
    width: 545px;
    margin-right: 60px;
    float: left;
}
@media only screen and (max-width: 1170px) and (min-width: 942px) {
	footer .col-2 {
	    width: 465px;
	    margin-right: 40px;
	}
}
@media only screen and (max-width: 990px) and (min-width: 480px) {
	footer .col-2 {
	    width: 480px;
	    margin: 0 auto;
	    float: none;
	    overflow: hidden;
	}
}

/* == Column 3 == */
footer .col-3 {
    width: 333.3px;
    margin-right: 75px;
    float: left;
}
@media (min-width: 1650px) {
  footer .col-3 {
	    width: 449.3px;
    margin-right: 75px;
	}
}

@media only screen and (max-width: 1170px) and (min-width: 942px) {
	footer .col-3 {
    width: 293.3px;
    margin-right: 45px;
	}
}

@media only screen and (max-width: 991px) and (min-width: 480px) {
	footer .col-3 {
	    width: 480px;
	    margin: 0 auto;
	    float: none;
	    overflow: hidden;
	}
}

/* == All == */
@media only screen and (max-width: 480px) {
	footer .col-1,
	footer .col-2,
	footer .col-3  {
    	width: 100%;
		margin-right: 0;
		float: none;
	}
}

/* ======= Remove margin Right ========== */
footer .last,
.sub_footer .col-2.last {
    margin-right: 0px;
}
@media only screen and (max-width: 990px) and (min-width: 480px) {
	footer .last,
	.sub_footer .col-2.last {
	    margin: 0 auto;
	}
}



/****************************************/
/* Sub Footer 2 colums
/****************************************/

/* == Column 2 == */
.sub_footer .col-2 {
    width: 545px;
    margin-right: 60px;
    float: left;
}
@media only screen and (max-width: 1170px) and (min-width: 990px) {
	.sub_footer .col-2 {
	    width: 465px;
	    margin-right: 40px;
	}
}
@media only screen and (max-width: 990px) {
	.sub_footer .col-2 {
    	width: 100%;
		margin-right: 0;
		float: none;
		text-align: center;
	}
}



/****************************************/
/* Promo Box
/****************************************/


/* == Column 3 == */
.promo-area .col-3 {
    width: 30.66666%;
    margin-right: 4%;
    float: left;
}

@media only screen and (max-width: 860px) and (min-width: 540px) {
	.promo-area .col-3 {
	    width: 48.6%;
    margin-right: 2.8%;
	}
	.promo-area .col-3:nth-child(2) {
	    width: 48.6%;
		margin-right: 0;
	}
	.promo-area .col-3:last-child {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

@media only screen and (max-width: 540px) {
	.promo-area .col-3  {
    	width: 100%;
		margin-right: 0;
		float: none;
	}
	.promo-area .col-3:last-child {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

.promo-area .col-3:last-child {
    margin-right: 0px;
}