@media (min-width: 1025px) and (max-width: 1280px) {
    
}

@media (min-width: 768px) and (max-width: 1024px) {
.smBoxHome > div p.nav{font-size: 11px;}   
#homePage > a h1{font-size: 13px !important; line-height: 30px !important;}
.titreServices.padTopOnSmall { font-size: 20px !important;}
.serviceDetails > ul > li:first-child{font-weight: 300;}
.serviceDetails > ul > li{font-weight: 300;}
.serviceDetails { margin-top: 0px;}
.new_service-box {margin-top: 100px;}
.main_clients {padding: 90px 50px; width: 100%; height: 970px; position: relative;}
.titreBloc{padding: 5vw 2vw 2vw !important;}

}

@media (min-width: 481px) and (max-width: 767px) {
.logoClip.blancClip {margin-top: 20px !important;}
.bg-vid-home{height: 100%;}
.menuVertical > a{background-color: #13294b;;}
#eventList {
    padding: 30px 20px;
}
.wedding_section {
    height: auto;
    width: 100%;}
}




@media (min-width: 320px) and (max-width: 480px) {
.services_right a span {color:#040404 !important;}
#homePage > a h1 span {   font-size: 15px !important;}
#homePage h1.texteTitre.white{line-height: 30px !important;}
.smBoxHome > div p.nav{font-size: 12px;}
.bg-vid-home{height: 100%;}
.logoClip.blancClip {margin-top: 20px !important;}
#hea{padding-top: 0px;}
#contactPage.largeBlocTxt{    overflow-y: scroll; height: 100%; width: 100% !important;}
.magnific-img{width: 100%;}    
.whye_section { margin-left: 10px;}
.btn span{padding-left: 15px;
padding-right: 15px;
padding-top: 5px !important;
padding-bottom: 5px !important;}  
.lienBox.hideMO { margin-bottom: 10px;}
.socialBox a { height: 40px;  width: 40px;}
#testimonials { padding: 40px 20px;}
#eventList {padding: 30px 20px;}
.wedding_section { height: 320px; width: 100%;}
.pageTitreSmall, .pageTitreSmall.bleu{color:#999; border-color: #000;}    
.event-service h1{margin: 0px 0 7px !important;}
.teamPage{min-height: 30vh !important;}
#bgvid { background-size: 100% auto !important;}

}