@media screen and (max-width: 1700px) and (min-width: 1500px) {

 

}   

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

}

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

	header{ position: relative; padding: 20px 0;}

	header .navbar .navbar-collapse{ padding:0 }
	header .navbar .navbar-nav li{ margin:15px 0 0 0 }
 
	.SlideArea .SlideLeft h3{    font-size: 36px; line-height: 55px;}
	.SlideArea .SlideLeft p{ font-size:14px }
	.SlideArea .SlideLeft p br{ display:none; }

	.BenefitArea .BenefitBody .col-sm-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.BenefitArea .BenefitBox{ padding:40px 0 }

	.AnswerArea .AnswerBox .AnswerLeft h3{font-size: 28px; line-height: 40px;}

	.IntegrationArea ul li{ width: 32%; margin: 0 0 15px;}

	.NewsArea .col-sm-6{     margin-left: 12.5%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

	.OverviewArea .OverviewHead h4 br{ display:none; }

	.OverviewArea .OverviewHead .col-sm-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.ChainArea .ChainLeft h4 br{ display:none; }

	.ChainArea .ChainRight ul li aside img{ width:70px }
	.ChainArea .ChainRight ul li aside label{ font-size:15px }

	.VideosArea .VideosBody .owl-carousel .owl-nav{ display:none; }
	.NewsletterArea .NewsletterBox h3 br{ display:none; }

	.VisionArea .VisionRight p br{ display:none; }

	.ContactArea .ContactBody .ContactLeft article{ display:block; }
	.ContactArea .ContactBody .ContactLeft article aside+aside{ margin-top:20px }

	.SlideArea {padding: 20px 0 50px;}
	.ChangingArea { padding: 50px 0 0 0;}
 	.VisionArea{ padding:50px 0 }
 	.ContactArea{ padding:50px 15px }

	.ContactArea .ContactBody .ContactLeft{ padding:0 }
	.ContactArea .ContactBody .ContactLeft ul li{ padding:20px }
	.ContactArea .ContactBody .ContactLeft ul li p {
	    font-size: 14px;
	    line-height: 27px;
	    margin: 0 0 15px 0;
	}

	.VideoBox iframe{ height:365px }
	.SlideArea .SlideRight iframe{ height:230px }

}
 
@media screen and (max-width: 767px){ 

 	header{ position: relative; padding: 20px 0;}
 	
	header .navbar .navbar-collapse{ padding:0 }
	header .navbar .navbar-nav li{ margin:15px 0 0 0 }

	.col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.SlideArea .SlideLeft{ margin-bottom:30px }
	.BenefitArea .BenefitBody .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

	.AnswerArea .AnswerBox .AnswerLeft{ margin-bottom:30px }
	.AnswerArea .AnswerBox+.AnswerBox .AnswerRight{ margin-bottom:30px }

	.IntegrationArea ul li{width: 30%; margin: 0 0 15px;}

	.BusinessArea .BusinessRight { text-align: left; margin: 30px 0 0;}

	.NewsArea .col-sm-6{ margin:0 }

	.Footer .Foots ol li { margin: 0 4px 0 0;}

	.Copyright{ text-align:center; display:block; }
	.Copyright ul{ margin:10px 0 }

	.OverviewArea .OverviewHead h4 br{ display:none; }

	.OverviewArea .OverviewHead .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	.NewsletterArea .NewsletterBox h3 { font-size: 28px; line-height: 45px;}
	.NewsletterArea .NewsletterBox h3 br{ display:none; }

	.NewsletterArea .NewsletterBox form input{ padding:0; width:calc(100% - 150px); }
	.NewsletterArea .NewsletterBox form button { padding: 13px 0px; width: 150px;}

	.VisionArea .VisionRight p{ text-align:left; font-size:20px; line-height:44px }
	.VisionArea .VisionRight p br{ display:none; }

	.VisionArea .VisionLeft h4{ text-align:left; }

	.LeadershipArea .LeadershipLeft{ margin-bottom:20px }

	.ContactArea .ContactBody .ContactLeft { margin-bottom:30px ; padding:0 }
	.ContactArea .ContactBody .ContactLeft ul{ padding:0 }

	.SlideArea {padding: 20px 0 50px;}
	.ChangingArea { padding: 50px 0 0 0;}
 	.VisionArea{ padding:0px 0 50px}
 	.ContactArea{ padding:50px 15px }

 	.VisionArea .VisionHead h4 br{ display:none; }
 	.ContactArea .ContactHead h3 br{ display:none; }

 	.AddressArea .AddressLeft{ margin-bottom:30px }
 	.Footer .Foots{ margin-bottom:30px }
	.ModalBox .modal-dialog { margin: 30px;}

	.VideoBox iframe{ height:300px }
	.SlideArea .SlideRight iframe{ height:300px }

}  

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

	.ContactArea .ContactHead h3{font-size: 28px; line-height: 40px; padding: 0 30px;}
	.ContactArea .ContactHead h3 br{ display:none; }

	.ContactArea .ContactBody address article{ display:block; }
	.ContactArea .ContactBody address article aside{ width:100% }
	.ContactArea .ContactBody address article aside+aside{ margin-top:20px }

	.ContactArea .ContactBody .ContactLeft article{ display:block; }
	.ContactArea .ContactBody .ContactLeft article aside{ width:100% }
	.ContactArea .ContactBody .ContactLeft article aside+aside{ margin-top:20px }

	.VideosArea .VideosBody .owl-carousel .owl-nav{ display:none; }

	.NewsletterArea .NewsletterBox form{ display:block; }
	.NewsletterArea .NewsletterBox form input{ width:100%; padding:15px 10px } 
	.NewsletterArea .NewsletterBox form button{ width:100% }

	.SlideArea .SlideLeft h3{ font-size:45px;line-height:60px }

	.SlideArea .SlideLeft h3 br{ display:none; }
	.SlideArea .SlideLeft p br { display:none; }

	.IntegrationArea ul li{ width:48%; min-height:100px }
	.ModalBox .modal-dialog { margin: 20px;}


	.VideoBox iframe{ height:230px }
	.ModalBox .VideoBox iframe{ height:230px }
	.SlideArea .SlideRight iframe{ height:215px }


 

}