/* Template CSS definitions */


/* Wrapper templates*/

.margin-bottom-small {
	margin-bottom: 5px;
}

.margin-bottom-medium {
	margin-bottom: 10px !important;
}

.margin-bottom-big {
	margin-bottom: 15px !important;
}

.margin-bottom-extra {
	margin-bottom: 20px !important;
}
.margin-bottom-extreme {
	margin-bottom: 30px !important;
}

/* wrapper 1 */
#wrapper-1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
			@media screen and (max-width: 4320px) { 
                #wrapper-1x {
				   width: 50%;
				   margin-left: 25%;
				   margin-right: 25%;
                }
            }
            
            @media screen and (max-width: 3200px) { 
                #wrapper-1x {
				   width: 60%;
				   margin-left: 20%;
				   margin-right: 20%;
                }
            }
            
            @media screen and (max-width: 2400px) { 
                #wrapper-1x {
				   width: 70%;
				   margin-left: 15%;
				   margin-right: 15%;
                }
            }
            
            
			@media screen and (max-width: 1920px) { 
                #wrapper-1x {
				    width: 100%;
				   margin-left: 0%;
				   margin-right: 0%;
                }
            }