/*



*/

@media only screen and (min-width: 769px) and (max-width: 10000px) {
	#mobile_sec .menumobile { display: block!important; }

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

	header { width: 100%; }
	header .Center { width: 100%; padding: 0px 3%;  }
	header .site-logo { padding: 18px 0 0 1px; }
	header.smaller .site-logo { padding: 11px 0 0; }
	
	.Navigation { margin-right: 0px; }
	.Navigation li a { padding: 30px ; }
	header.smaller .Navigation li a { padding: 16px ; }

	
	.Banner_sec { width: 100%; height: 724px; }
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 144px; bottom: 100px;}
	.Banner_sec .leftside h3 { padding: 5px;margin: 10px; font-size: 32px; }
	.Banner_sec .rightside { width: 60%; }
	.Banner_sec .rightside .Slider { width: 100%; }
	.Banner_sec .rightside .Slider .text { padding: 25px 10px 21px 10px; }
	
	.Banner_sec .rightside .Slider .text .Lorem { width: 40%; }
	.Banner_sec .rightside .Shadow { width: 105%; }
	.Banner_sec .rightside .prevBtn { top: 160px; }
	.Banner_sec .rightside .nextBtn { top: 160px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; padding: 10px 0px; }
	.About_sec .Center { width: 100%; padding: 10px 3%; }
	.About_sec p { font-size: 13px; }
	.About_sec .Tabside { padding: 50px 0; }
	.About_sec .Tabside .Description { margin-top: 0px; width: 51%; }

	.Services_sec { width: 100%; padding: 70px 0px; }
	.Services_sec .Center { width: 100%; padding: 0px 2%; }
	.Services_sec p { font-size: 13px; }
	

	.Pricing_sec { width: 100%; padding: 10px 0px; }
	.Pricing_sec .Center { width: 100%; padding: 0px 2%; }
	.Pricing_sec p { font-size: 13px; }
	.Pricing_sec .Pricingside { width: 100%; padding: 50px 0 0 }
	

	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 70px 2%;}
	
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 300px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 50px 2%; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 20px 2%; }
}	

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (width: 768px) {.row { display: flex;
  flex-direction: column-reverse;}  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	header { width: 100%; height: 87px; }
	header .Center { width: 100%; padding: 0px 2%; }
	header .site-logo { padding: 27px 0 0 1px;  position: relative; z-index: 1; }
	header .site-logo h1 { line-height: 33px; }	
	header.smaller .Navigation li a { padding: 16px 10px; }

	.Navigation {  margin-right: 0px;right: 0px; top: 0px; position: fixed; }
	.Navigation li a { padding: 30px 10px; }

	.Banner_sec { width: 100%; height: 500px; }
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 140px; }
	.Banner_sec .leftside { padding: 0px; width: 50%; }
	.Banner_sec .leftside h3 { font-size: 28px; }
	.Banner_sec .leftside p { padding: 2px  5px; font-size: 20px; line-height: 18px; }
	.Banner_sec .rightside { width: 48%;}
	.Banner_sec .rightside .Slider { width: 100%;}
	.Banner_sec .rightside .Slider .text { padding: 25px 10px 21px 10px; }
	.Banner_sec .rightside .Slider .text li { padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 100%; }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 16px; }
	.Banner_sec .rightside .Shadow { width: 106.5%; left: -21px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.titre .Line { border: solid 1px #ff9408; height: 2px; width: 270px; margin: auto;margin-bottom: 10px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; padding:20px 0px 30px 0px; }
	.About_sec .Center { width: 100%; padding: 0px 2%; }
	.About_sec h2 { font-size: 40px; line-height: 40px; }
	.About_sec p { padding: 15px 0px; font-size: 15px; }
	.About_sec .Tabside { padding: 50px 0 0px 0; }
	

	.Services_sec { width: 100%; padding: 70px 0px 30px 0px; }
	.Services_sec .Center { width: 100%; padding: 0px 2%; }
	.Services_sec h2 { font-size: 40px; line-height: 40px; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	

	.Pricing_sec { width: 100%; padding: 70px 0px 30px 0px; }
	.Pricing_sec .Center { width: 100%; padding: 0px 2%; }
	.Pricing_sec h2 { font-size: 40px; line-height: 40px; }
	.Pricing_sec p { padding: 15px 0px; font-size: 13px; }
	.Pricing_sec .Pricingside { width: 100%; padding: 30px 0 0 }
	

	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 70px 2% 30px 2%; }
	.Contact_sec h2 { font-size: 40px; line-height: 40px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 250px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 50px 8px 18px; }
    .Get_sec .Mid .Leftside{width: 18%;padding-right: 10px;padding-left: 10;}

	.Get_sec .Rightside { padding-top: 0px;padding-left: 10px; }
	.Get_sec .Rightside h3 { font-size: 40px; padding-bottom: 34px; text-align: center; }
	.Get_sec .Rightside address { padding: 0 5px 0px 65px; }
.Get_sec .Rightside  ul {margin-left: 20px;margin-right: 0px; padding-right: 0px;}
	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 20px 2%; }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	header { width: 100%; position: absolute; height: 57px;}
	header .Center { width: 100%;  }
	header .site-logo { padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header .site-logo h1 { margin: 0px; line-height: 36px; }
	header.smaller { height: 55px;}
	header.smaller .site-logo { padding: 10px 0% 0px 3%; }
	header.smaller .site-logo h1 a { font-size: 36px; }
	
	#mobile_sec { position: fixed; width: 90%; }
	#mobile_sec .mobile { display: block; position: relative; float: right;}
	#mobile_sec .menumobile { display: none; width: 100%; position: absolute; top: 55px;right: 0%; background: rgba(0, 0, 0);  }
	#mobile_sec .menumobile .Navigation { width: 100%; float: none; }
	#mobile_sec .menumobile .Navigation ul { float: none;}
	#mobile_sec .menumobile .Navigation li { float: none; width: 100%; border-bottom: solid 1px #365374; }
	#mobile_sec .menumobile .Navigation li a { padding: 10px 21px; background: none; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li:last-child { border-bottom: none; }
	
.titre .Line { border: solid 1px #ff9408; height: 2px; width: 270px; margin: auto;margin-bottom: 10px; }

	.Banner_sec { width: 100%; height: 620px; }
	.Banner_sec .Center {width: 100%; padding: 0px 3%; }
	.Banner_sec .bannerside { top: 120px; }
	.Banner_sec .leftside { padding: 0px 0px 20px 0px; width: 100%; float: none; }
	.Banner_sec .rightside { width: 99%;}
	.Banner_sec .rightside .Slider { width: 100%;}
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text li { padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 100%; }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 14px; }
	.Banner_sec .rightside .Shadow { width: 105.5%; left: -16px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.Banner_sec .rightside #slider li img { height: 280px; width: 100%;}	

	/*.bgcolor { height: 50px; }*/
.row { display: flex;
  flex-direction: column-reverse;}
	#Container { width: 100%; }

	.About_sec { width: 100%; padding: 170px 0px 50px; }
	.About_sec .Center { width: 100%; padding: 20px 3%; }
	.About_sec h2 { font-size: 30px; line-height: 30px; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }


	.Services_sec { width: 100%; padding: 100px 0px 30px; }
	.Services_sec .Center { width: 100%; padding: 0px 3%; }
	.Services_sec h2 { font-size: 30px; line-height: 30px; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	.Services_sec .Serviceside { width: 100%; padding: 50px 0 30px; }
	.Services_sec .Serviceside li { margin: 0px 0% 3% 2%; float: none; display:inline-block; }


	.Pricing_sec { width: 100%; padding: 100px 0px 30px; }
	.Pricing_sec .Center { width: 100%; padding: 0px 3%; }
	.Pricing_sec h2 { font-size: 30px; line-height: 30px; }
	.Pricing_sec p { padding: 15px 0px; font-size: 13px; }
	.Pricing_sec .Pricingside { width: 100%; padding: 30px 0 0 }
	
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 80px 3%;}
	.Contact_sec h2 { font-size: 30px; line-height: 30px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 30px 3%; }
	.Get_sec .Leftside { width: 100%; float: right;}
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Rightside { padding-top: 0px; width: 100%; }
	.Get_sec .Rightside h3 { font-size: 30px; padding-bottom: 20px; }
	.Get_sec .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }


	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }
	.logo-slider .item  img{display: block;
    width: 100%;}
    .myimg{display: inline-block;	
	max-width: 98%;
				
				width: 40%;
				margin: 2%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	header { width: 100%; position: absolute; height: 57px; }
	header .Center { width: 100%;}
	header .site-logo { padding: 10px 0% 0px 3%; position: relative; z-index: 1; }
	header .site-logo h1 { margin: 0px; line-height: 36px; }
	header.smaller { height: 55px;}
	header.smaller .site-logo { padding: 10px 0% 0px 3%; }
	header.smaller .site-logo h1 a { font-size: 36px; }
	
	#mobile_sec { position: fixed; width:90%;}
	#mobile_sec .mobile { display: block; position: relative; float: right; }
	#mobile_sec .menumobile { display: none; width: 90%; position: absolute; top: 55px; right: 0%; background: rgba(0, 0, 0);  }
	#mobile_sec .menumobile .Navigation { width: 100%; float: none; }
	#mobile_sec .menumobile .Navigation ul { float: none;}
	#mobile_sec .menumobile .Navigation li { float: right; width: 100%; border-bottom: solid 1px #365374; }
	#mobile_sec .menumobile .Navigation li a { padding: 10px; background: none; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li a:hover, #mobile_sec .menumobile .Navigation li a.active { background: #ff9000; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li:last-child { border-bottom: none; }

	
	.Banner_sec { width: 100%; height: 556px; }
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 80px; }
	.Banner_sec .leftside { padding: 0px 0px 10px 0px; width: 100%; float: none; }
	.Banner_sec .leftside h3 { font-size: 30px; }
	.Banner_sec .leftside p { font-size: 14px; line-height: 18px; padding: 10px 0px; }
	.Banner_sec .leftside a { font-size: 13px; }
	.Banner_sec .rightside { width: 98%;}
	.Banner_sec .rightside .Slider { width: 100%; text-align: center; }
	.Banner_sec .rightside .Slider .text { padding: 10px ; }
	.Banner_sec .rightside .Slider .text .Lorem { width: 100%;  }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 13px; text-align: center;}
	.Banner_sec .rightside .Slider .text .Lorem p span { display: block; float: center; }
	.Banner_sec .rightside .Shadow { width: 100%; left: -16px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.Banner_sec .rightside #slider li img { height: 290px; width: 100%;}	

	.titre .Line { border: solid 1px #ff9408; height: 2px; width: 260px; margin: auto;margin-bottom: 10px; }
 .row { display: flex;
  flex-direction: column-reverse;}
	/*.bgcolor { height: 50px; }*/
    
	#Container { width: 100%; }

	.About_sec,
	.Services_sec,
	.Pricing_sec { 
		width: 100%; padding:100px 0px 30px; 
	}
	.About_sec .Center { width: 100%; padding: 70px 3%; }
	.About_sec h2 { font-size: 30px; line-height: 30px; }
	.About_sec p { padding: 5px 0px; font-size: 15px; }
	
	
	.Services_sec .Center { width: 100%; padding: 0px 3%; }
	.Services_sec h2 { font-size: 30px; line-height: 30px; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	
	
	.Pricing_sec .Center { width: 100%; padding: 0px 3%; }
	.Pricing_sec h2 { font-size: 30px; line-height: 30px; }
	.Pricing_sec p { padding: 15px 0px; font-size: 13px; }
	.Pricing_sec .Pricingside { width: 100%; padding: 30px 0 0 }
	
	
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 60px 3% 30px;}
	.Contact_sec h2 { font-size: 30px; line-height: 30px; }
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }

	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	
	.Get_sec { width: 100%; }
	.Get_sec .Mid { width: 100%; padding: 30px 4%; }
	.Get_sec .Leftside { width: 100%; float: right;}
	.Get_sec .Leftside p { margin: 0 0 20px; } 

	.Get_sec .Rightside { padding-top: 0px; width: 100%; }
	.Get_sec .Rightside h3 { font-size: 30px; padding-bottom: 10px; }
	.Get_sec .Rightside address { padding: 0 0 15px 47px; font-size:15px;}
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }	
	.logo-slider .item  img{display: block;
 width: 100%;}
 .myimg{display: inline-block;	
	max-width: 98%;
				
				width: 90%;
				margin: 2%;}

.group{ display: block;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
}

@media only screen and (max-width: 1199px) {
	
	header,
	.Navigation li,
	.Navigation li:hover span, 
	.Navigation li.active span { 
		height: 87px; }
	header.smaller .Navigation li:hover span,
	header.smaller .Navigation li.active span {
		height: 60px;
	}

}
@media only screen and (max-width: 767px) {
	header { 
		height: 55px; 
		position: fixed;
	}
	.Navigation li {
		height: 45px;
	}
	header .site-logo {
		padding-top: 8px;
	}
	.Navigation li:hover span, .Navigation li.active span {
		height: 45px;
	}
	.Navigation li span {
		border-bottom: none;
		background: none;
	}
	#mobile_sec .menumobile .Navigation li:hover, 
	#mobile_sec .menumobile .Navigation li.active {
		background: #FF9000 none repeat scroll 0% 0%;
		border-bottom: medium none;
	}
	header.smaller .Navigation li {
		height: 45px;
	}
	.Banner_sec .leftside a {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.logo-slider .item  img{display: block;
 width: 100%; padding: 10px;}
 .row { display: flex;
  flex-direction: column-reverse;}
}
@media (max-width: 290px) {
.Banner_sec .leftside { padding:  0px; width: 100%; float: none; }
	.Banner_sec .leftside a { font-size: 12px; }
.About_sec	.Center	.Line { width: 222px; }
.row { display: flex;
  flex-direction: column-reverse;}

}

/**************************************************************/
.slick-slide {
    margin: 0px 20px 20px;

}

.slick-slide img {
    width: 100%;
    padding: 10%;
    display: block;

}