@charset "utf-8";
/* CSS Document */






@media screen and (min-width:769px) and (max-width:1280px) {
 .top-box{ width:80%;}
  .top-box99{ width:80%;}
 .my-video{width:80%;}
 .socoal-box{ width:85%;padding:0px 25px 0px 25px;}
.socoal-box .left{ width:auto;}
.socoal-box .right{ width:auto;}

.white-con{ width:auto;}

.last-box{ width:80%}
	
}	



.video-show{ display:none;}
.video-hide{ display: block;}

@media screen and (min-width:426px) and (max-width:768px) {
.video-show{ display:block;}
.video-hide{ display: none;}
.logo img{ width:25%;}	

.container{ padding:0px;} 
.top-box{ width:100%; padding:0px 25px 0px 25px; }
.top-box99{ width:100%; padding:0px 25px 0px 25px; }
.top-text{font-size:18px; line-height:26px;}
.font-op1 { font-size:30px}
.my-video{ width:100%; margin:0px auto;}
.socoal-box{ width:100%;padding:0px 25px 0px 25px;}
.socoal-box .left{ width:auto;}
.socoal-box .right{ width:auto;}
.white-con{ width:100%;}
.col-sm-4{ width:100%;}	
.responsive {width: 100%; height: auto;display: block; margin-left: auto;  margin-right: auto;}
.col-sm-6{ width:100%; padding-bottom:40px;}
.about-section{padding:0px 25px 0px 25px; margin-top:0%;}
.about-section p{ font-size:18px; line-height:26px;}
.font-op1 { font-size:35px}
.font-op2 { font-size:35px}
.last-box{ width:100%;  padding:0px 25px 0px 25px;}
.text-block{ font-size:18px;line-height:26px;}
.hei-180{ height:100px;}
}







.video-show{ display:none;}
.video-hide{ display: block;}

.writeto-show{display: block;}
.writeto-hide{  display:none;}

@media screen and (min-width:50px) and (max-width:425px) {
	
.writeto-show{ display: block; }
.writeto-hide{display:none;}
	
	
.logo img{ width:40%;}	
.container{ padding:0px;} 
.top-box{ width:100%; padding:0px 25px 0px 25px; }
.top-box99{ width:100%; padding:0px 25px 0px 25px; }
.top-text{font-size:16px; line-height:26px;}


.font-op1 { font-size:30px}
.video-show{ display:block;}
.video-hide{ display: none;}

.my-video{ width:100%; margin:0px auto;}

.socoal-box{ width:100%;}
.socoal-box .left{ width:100%; text-align:center; font-size:16px;}
.socoal-box h2{ text-align:center; font-size:16px;}
.socoal-box .right{ width:100%;}

.socoal-box .right{ padding:0px;}

.hei-100{ height:50px;}

.white-con{ width:100%;}
.responsive {width: 100%; height: auto;display: block; margin-left: auto;  margin-right: auto;}
.about-section{ padding:0px 25px 0px 25px;}
.no-pad{ padding:0px;}


.about-section p{ font-size:16px; line-height:26px;}
.font-op2 { font-size:30px}
.last-box{ width:100%;  padding:0px 25px 0px 25px;}
.text-block{ font-size:16px;line-height:26px;}
.hei-180{ height:50px;}
.redg{ width:70%; margin:0px auto;}


}

@media screen and (min-width:50px) and (max-width:320px) {

.writeto-show{ display: block; }
.writeto-hide{display:none;}
}