/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

.wrapper-grid-container {
	max-width: 100%!important;
	margin-left: 0!important;
	margin-left: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.wrapper-grid-container .grid-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  	.grid-container {
    	max-width: 540px;
  	}
}

@media (min-width: 768px) {
  	.grid-container {
    	max-width: 720px;
  	}
}

@media (min-width: 992px) {
  	.grid-container {
   		max-width: 960px;
  	}
}

@media (min-width: 1200px) {
  	.grid-container {
    	max-width: 1140px;
  	}
}


.wrapper-grid-container .grid,
.wrapper-grid-container .grid  .container-item {
	display: grid;
}

@media (max-width: 767px) {
	.wrapper-grid-container .grid.md .container-item {
		grid-column: auto!important;
	}
}

.wrapper-grid-container .grid .swiper-container {
	margin-left: 0!important;
	margin-right: 0!important;
	width: 100%;
}

/* Small devices (landscape phones, 576px and up)*/
	.gl-col-1{grid-template-columns: repeat(1, 1fr);}
	.gl-col-2{grid-template-columns: repeat(2, 1fr)}
	.gl-col-3{grid-template-columns: repeat(3, 1fr)}
	.gl-col-4{grid-template-columns: repeat(4, 1fr)}
	.gl-col-5{grid-template-columns: repeat(5, 1fr)}
	.gl-col-6{grid-template-columns: repeat(6, 1fr)}
	.gl-col-7{grid-template-columns: repeat(7, 1fr)}
	.gl-col-8{grid-template-columns: repeat(8, 1fr)}
	.gl-col-9{grid-template-columns: repeat(9, 1fr)}
	.gl-col-10{grid-template-columns: repeat(10, 1fr)}
	.gl-col-11{grid-template-columns: repeat(11, 1fr)}
	.gl-col-12{grid-template-columns: repeat(12, 1fr)}

@media (min-width: 576px) {
	.gl-col-sm-1{grid-template-columns: repeat(1, 1fr);}
	.gl-col-sm-2{grid-template-columns: repeat(2, 1fr)}
	.gl-col-sm-3{grid-template-columns: repeat(3, 1fr)}
	.gl-col-sn-4{grid-template-columns: repeat(4, 1fr)}
	.gl-col-sm-5{grid-template-columns: repeat(5, 1fr)}
	.gl-col-sm-6{grid-template-columns: repeat(6, 1fr)}
	.gl-col-sm-7{grid-template-columns: repeat(7, 1fr)}
	.gl-col-sm-8{grid-template-columns: repeat(8, 1fr)}
	.gl-col-sm-9{grid-template-columns: repeat(9, 1fr)}
	.gl-col-sm-10{grid-template-columns: repeat(10, 1fr)}
	.gl-col-sm-11{grid-template-columns: repeat(11, 1fr)}
	.gl-col-sm-12{grid-template-columns: repeat(12, 1fr)}

}
	
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.gl-col-md-1{grid-template-columns: repeat(1, 1fr)}
	.gl-col-md-2{grid-template-columns: repeat(2, 1fr)}
	.gl-col-md-3{grid-template-columns: repeat(3, 1fr)}
	.gl-col-md-4{grid-template-columns: repeat(4, 1fr)}
	.gl-col-md-5{grid-template-columns: repeat(5, 1fr)}
	.gl-col-md-6{grid-template-columns: repeat(6, 1fr)}
	.gl-col-md-7{grid-template-columns: repeat(7, 1fr)}
	.gl-col-md-8{grid-template-columns: repeat(8, 1fr)}
	.gl-col-md-9{grid-template-columns: repeat(9, 1fr)}
	.gl-col-md-10{grid-template-columns: repeat(10, 1fr)}
	.gl-col-md-11{grid-template-columns: repeat(11, 1fr)}
	.gl-col-md-12{grid-template-columns: repeat(12, 1fr)}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.gl-col-lg-1{grid-template-columns: repeat(1, 1fr)}
	.gl-col-lg-2{grid-template-columns: repeat(2, 1fr)}
	.gl-col-lg-3{grid-template-columns: repeat(3, 1fr)}
	.gl-col-lg-4{grid-template-columns: repeat(4, 1fr)}
	.gl-col-lg-5{grid-template-columns: repeat(5, 1fr)}
	.gl-col-lg-6{grid-template-columns: repeat(6, 1fr)}
	.gl-col-lg-7{grid-template-columns: repeat(7, 1fr)}
	.gl-col-lg-8{grid-template-columns: repeat(8, 1fr)}
	.gl-col-lg-9{grid-template-columns: repeat(9, 1fr)}
	.gl-col-lg-10{grid-template-columns: repeat(10, 1fr)}
	.gl-col-lg-11{grid-template-columns: repeat(11, 1fr)}
	.gl-col-lg-12{grid-template-columns: repeat(12, 1fr)}

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.gl-col-xl-1{grid-template-columns: repeat(1, 1fr)}
	.gl-col-xl-2{grid-template-columns: repeat(2, 1fr)}
	.gl-col-xl-3{grid-template-columns: repeat(3, 1fr)}
	.gl-col-xl-4{grid-template-columns: repeat(4, 1fr)}
	.gl-col-xl-5{grid-template-columns: repeat(5, 1fr)}
	.gl-col-xl-6{grid-template-columns: repeat(6, 1fr)}
	.gl-col-xl-7{grid-template-columns: repeat(7, 1fr)}
	.gl-col-xl-8{grid-template-columns: repeat(8, 1fr)}
	.gl-col-xl-9{grid-template-columns: repeat(9, 1fr)}
	.gl-col-xl-10{grid-template-columns: repeat(10, 1fr)}
	.gl-col-xl-11{grid-template-columns: repeat(11, 1fr)}
	.gl-col-xl-12{grid-template-columns: repeat(12, 1fr)}
}