/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	
	/* ---------------------------------
	4. MAIN
	--------------------------------- */
	.main-section-horizontal { margin: 0 0px;  }

	.main-section-horizontal .p-item{ height: 66.666%; min-height:200px;}
	
	.main-section-horizontal .p-item.p-item-1{ width: 33.333%; }
	.main-section-horizontal .p-item.p-item-2{ width: 33.333%; }
	.main-section-horizontal .p-item.p-item-3{ width: 33.333%; }
	.main-section-horizontal .p-item.p-item-4{ width: 33.333%; }
	
	
	/* SCROLLBAR */
	
	.main-section-horizontal::-webkit-scrollbar{ width: 10px; }
	 
	.main-section-horizontal::-webkit-scrollbar-track { background: #EBEBEB;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
	 
	.main-section-horizontal::-webkit-scrollbar-thumb { background-color: #32D98B; outline: 1px solid #32D98B; }
	
	
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	/* ---------------------------------
	4. MAIN
	--------------------------------- */
	
	.main-section-horizontal .p-item{ height: 200px; min-height:200px;}
	.main-section-horizontal .p-item.p-item-1,
	.main-section-horizontal .p-item.p-item-2,
	.main-section-horizontal .p-item.p-item-3,
	.main-section-horizontal .p-item.p-item-4{ width: 50%; }

	
}

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	4. MAIN
	--------------------------------- */
	
	
	/* SCROLLBAR */
	
	.main-section-horizontal::-webkit-scrollbar{ width: 6px; }
	 
	.main-section-horizontal::-webkit-scrollbar-track { background: #EBEBEB;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
	 
	.main-section-horizontal::-webkit-scrollbar-thumb { background-color: #32D98B; outline: 1px solid #32D98B; }
	

}

/* Screens Resolution : 575px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
	

	/* ---------------------------------
	4. MAIN
	--------------------------------- */

	.main-section-horizontal{ margin: 0 0; padding: 0 7px; }
	
	.main-section-horizontal .p-item{ height: auto; background: none!important; }
	
	.main-section-horizontal .p-item.p-item-1,
	.main-section-horizontal .p-item.p-item-2,
	.main-section-horizontal .p-item.p-item-3,
	.main-section-horizontal .p-item.p-item-4{ width: 100%; }
	
	.main-section-horizontal .p-item img{ display: block; }
	
}