/* Responsive CSS Styles Table of Contents */
@media only screen and (min-width: 1170px) and (max-width: 1337px){

}

@media only screen and (min-width: 1000px) and (max-width: 1169px){

a.logo {
    margin: 1px 0px 0px 50px;
}
.barhaut {
    text-align: left;
    padding-left: 15%;
}
.header-logo {
    position: absolute;
    top: 4%;
    left: 4%;
    z-index: 3;
}

}


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

.barhaut {
    text-align: right;
    padding-right: 5%;
}
.header-logo {
    position: absolute;
    top: 5%;
    left: 4%;
    z-index: 3;
}
.header-logo img {
    width: 180px;
    height: 72px;
}

.sticky-wrapper{ height:500px;}
	
.container{ width:94%;}

.bmargin{
	margin-bottom:40px;
	}
}



@media only screen and (min-width: 640px) and (max-width: 767px){

.barhaut {
    text-align: right;
    padding-right: 5%;
}
.header-logo {
    position: absolute;
    top: 5%;
    left: 4%;
    z-index: 3;
}
.header-logo img {
    width: 180px;
    height: 72px;
}

.container{ width:94%;}


}



@media only screen and (min-width: 480px) and (max-width: 639px){
.barhaut {
    text-align: right;
    padding-right: 5%;
}
.header-logo {
    position: absolute;
    top: 5%;
    left: 4%;
    z-index: 3;
}
.header-logo img {
    width: 180px;
    height: 72px;
}

.container{ width:94%;}

.sec-padding {
    padding: 40px 0px;
}
.sec-tpadding{
	padding:40px 0 0 0;
	}



}





@media only screen and (min-width: 372px) and (max-width: 479px){

.barhaut {
    text-align: right;
}
.header-logo {
    position: absolute;
    top: 8%;
    left: 4%;
    z-index: 3;
}
.header-logo img {
    width: 140px;
    height: 56px;
}
.container{ width:94%;}

.btn {
	padding: 10px 15px;
	margin-bottom:20px;
}

}

@media only screen and (max-width: 372px){

.barhaut {
    text-align: center;
}
.header-logo {
    position: absolute;
    top: 15%;
    left: 4%;
    z-index: 3;
}
.header-logo img {
    width: 140px;
    height: 56px;
}

}














}