/**********************
	-	RESET	-
************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/***********************
	-	BASICS 	-
***********************/
html {
    overflow-x: hidden;
    padding: 0 !important;
    margin: 0px !important;
}


ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}



/*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-	
  **********************************************************************************************/

/*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

.bannercontainer {
    padding: 5px;
    background-color: #fff;
    width: 1920px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.banner {
    width: 1920px;
    height: 600px;
    position: relative;
    overflow: hidden;
}


.bannercontainer-simple {
    padding: 5px;
    background-color: #fff;
    width: 1920px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.banner-simple {
    width: 1920px;
    height: 490px;
    position: relative;
    overflow: hidden;
}

.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 760px !important;
    overflow: hidden;
}

.fullwidthbanner-container .fullwidthabnner {
    width: 100% !important;
    max-height: 750px !important;
    position: relative;
}

@media only screen and (min-width: 1382px) {

    .banner, .bannercontainer {
        width: 1300px;
        height: 500px;
    }

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .banner, .bannercontainer {
            width: 750px;
            height: 412px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .banner, .bannercontainer {
            width: 470px;
            height: 258px;
        }
    }

    @media only screen and (min-width: 0px) and (max-width: 479px) {
        .banner, .bannercontainer {
            width: 310px;
            height: 170px;
        }
    }