/*@media (min-width: 320px) and (max-width:679px) {}

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

@media (min-width: 768px) and (max-width:991px) {}

@media (min-width: 992px) and (max-width:1024px) {}

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


@media (min-width: 1180px) and (max-width:1365px) {}*/

@media (min-width: 1000px) {
	#forMobileSec{
		display: none;
	}
	#forDesktopSec{
		display: block;
	}
}
@media (max-width: 991px) {
	#forMobileSec{
		display: block;
	}
	#forDesktopSec{
		display: none;
	}
}
@media (max-width: 767px) {
	.footer_paratext {
    font-size: 13px;
	}
.bannerCont{height: auto;}
.bannerBox{height: auto;}
.bannerRightBg{height: auto;}
.bannerRightBg img{width: 80%; height: 80%;}
.bannerLeft{padding-top: 70px;}
.keyPoint{display: none !important;}

.bannerLeft h1{line-height: 28px; font-size: 21px;}
.bannerLeft p{font-size: 11px; line-height: 18px;}
.bannerLeft button {  padding: 2px 22px;font-size: 11px;}

.feature{background-position: left -210px top -135px; background-size: 723px auto; padding-bottom: 0px;}
.feature h2{text-align: center; font-size: 30px;}
.fLeft p{text-align: center;font-size: 13px; margin-top: 15px; line-height: 25px; padding-left: 0px;}

.vodcont .contHolder h2{text-align: left; margin-bottom: 19px;}
.clipShape{position: static !important; right: 0px; clip-path: none;}
.vodcont .contHolder p{font-size: 14px; line-height: 27px;}
.vodcont .contHolder{padding: 43px 0px 43px !important;}

.domain{background-position: left -292px top 14px, right top; background-size: 100% auto, 37% auto; padding-top: 20px; padding-bottom: 50px;}
.tvwatch{height: 429px;}
.tvwatch img{width: auto; height: 100%;}
.tvInfoBox{width: 349px; height: 163px;top: 44px; left: 148px;}
.tvInfoBox h2 {font-size: 25px;text-align: left;}
.tvInfoBox p { font-size: 12px; line-height: 20px; margin-top: 3px;}

.floatBtn{right: 40%; bottom: -35px;}
.subsBox{width: 100%; padding: 15px 20px;}
.subcription h2{font-size: 22px !important;}

.tvInfoBox{width: 349px; height: 163px;top: 44px; left: 154px;}

.innerBanner{height: 50vh;}

.rectImg{width: 80%; margin: 0px auto 20px; float: none;}
.abtCont p{font-size: 13px;}
.specl div:first-child{border-right: none; border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.cardhead .grow{width: 50%;}
.cardhead .shrink{width: calc(100% - 50%);}
.features h4{font-size: 20px;}
.features p{font-size: 13px; line-height: 25px;}

.service p{font-size: 14px; line-height: 27px;}


.serviceholderImg {height: 225px; margin-bottom: 20px;}
	.frontWhiteNormalTXT{
		text-align: left;
	}
}


@media (min-width: 768px) and (max-width:992px) {
.innercontent h1 {
 
    font-size: 36px;

    line-height: 35px;
    
}
.bannerCont{height: auto;}
.bannerBox{height: auto;}
.bannerRightBg{height: auto;}
.bannerRightBg img{width: 80%; height: 80%;}
.bannerLeft{top: -104px;}
.bannerLeft h1{line-height: 31px; font-size: 21px;}
.bannerLeft p{font-size: 13px; line-height: 20px;}
.bannerLeft button {  padding: 2px 22px;font-size: 11px;}

.vodcont .contHolder h2{margin-bottom: 13px;text-align: left; }
.vodcont .contHolder p{font-size: 14px; line-height: 24px;}
.clipPara{margin-top: 44px;}
.clipShape{clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);}

.floatBtn{right: 42%; bottom: -27px;}

	.innerBanner{height: 42vh;}
	.innercontent{
		padding-top: 10%;
	}

.specl div:first-child{border-right: none; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
	.rectImg{width: 80%; margin: 0px auto 20px; float: none;}
.abtCont p{font-size: 14px;}

.cardhead .grow{width: 60%;}
.cardhead .shrink{width: calc(100% - 60%);}
.features h4{font-size: 20px;}
.features p{font-size: 13px; line-height: 25px;}

.bannerLeft{padding-top: 50px;}
.keyPoint{display: none !important;}
.keyPoint{padding: 5px}
ul.kyPonts li{display: table-row; border-right: none; border-bottom:1px solid #ddd;}
.feature{background-size: 100% auto; background-position: left -227px top -152px;}
/*ul.kyPonts li .icn {width: 19px; height: 19px;}
ul.kyPonts li h6{}*/

}



@media (width: 992px) {
	.bannerLeft{top: 14px;}

 	.navbar-brand img{width: 120px;}
 	.header button.headerBtn{padding: 0px 16px; height: 33px; margin-top: 0px;}
 	.header button svg{ fill:#fff }
 	.header #navbarNavDropdown {position: absolute;right: -17px; top: 35px;}
	.header #navbarNavDropdown .navbar-nav { margin-left: 0px; min-width: 250px; background: rgba(85, 123, 141,0.9); padding: 10px 0px; border-radius: 5px;}
	.navbar-nav li{line-height: 20px;border-bottom: 1px dotted #ddd;}
	.navbar-light .navbar-nav .nav-link{font-weight: normal; padding: 6px 0px; font-size: 12px;}
	.navbar-light .navbar-nav .nav-link:hover{color: #dddcdc;}
	.header.active .navbar-light .navbar-nav .nav-link{color: #fff;}
	.header.active .navbar-light .navbar-toggler{border-color: rgb(227, 18, 18);}

	.feature{background-size: 100% auto; background-position: left -345px top -156px;}
	h2{font-size: 26px; text-align: center;}
	.fLeft p{line-height: 28px; text-align: center; font-size: 14px;}
	.fHead .iconBox{width: 28px; height: 28px;}
	/*line-height: 20px;*/
	.fHead h5{font-size: 15px;}
	.fHead p{width: calc(100% - 36px);font-size: 13px;line-height: 25px;border-bottom: 1px dotted #686868;padding-bottom: 10px;margin-bottom: 10px;}

	.vodcont{margin: 30px 0px 10px;}
	.vodcont .contHolder{width: 83%; background-position: top 109px center;padding: 43px 0px 10px;background-size: 338px 338px}
	.vodcont .contHolder .imgBox {width: 200px;}
	.vodcont .contHolder .imgBox img{width: 100%;}

	.domain{background-position: left -292px top 14px, right top; background-size: 100% auto, 33% auto; padding-top: 20px; padding-bottom: 50px;}
	.tvwatch{height: 429px;}
	.tvwatch img{width: auto; height: 100%;}
	.tvInfoBox{width: 349px; height: 163px;top: 44px; left: 187px;}
	.tvInfoBox h2 {font-size: 25px;text-align: left;}
	.tvInfoBox p { font-size: 12px; line-height: 20px; margin-top: 3px;}

	.subsBox{width: 90%; padding: 15px 20px;}
	.subcription h2{font-size: 22px !important;}

	
.mainContHolder{margin-top: -152px;}


	footer{margin-top: 20px; background-position: left 13px bottom 184px; background-size: 100% 100%;}



}

@media (max-width: 992px){
	.domain {  background-position: left -529px top 14px, right top;}
	.fLeft{ justify-content: start;align-items: start; padding-top: 110px; }
	.fLeft p{padding-left: 0px; text-align:left;}
	h2{font-size: 24px; text-align: left;}
	.clipPara{margin-top: 14px;}
	.tvwatch { height: 343px;  margin-top: 50px;}
	.tvInfoBox { width: 278px; height: 146px; top: 26px; left: 13px;}
	.tvInfoBox h2 { font-size: 19px; text-align: left;}
	.tvInfoBox p {font-size: 11px; line-height: 18px; margin-top: -4px;}


	.roundIconBox{height: 33px; width: 33px;line-height: 33px;}
	.roundIconBox i{top: -4px;   font-size: 15px;}
	.contact .card h4{font-size: 14px;}
	.mailInfo{padding-left: 0px;}
	.mailInfo p{line-height: 20px;}

	.rectImg{width: 100%; }
	.rectImg img{object-fit: fill;}

	.service p{font-size: 14px; line-height: 27px;}



}

@media (min-width: 1024px) and (max-width: 1180px){
	.bannerLeft{padding-top: 63px;}
	.bannerLeft h1{font-size: 28px; line-height: 41px;}
	.bannerLeft p{font-size: 13px;line-height: 20px;}
	.bannerRightBg img{top:-30px;}


	.navbar-brand img{width: 120px;}
 	.header button.headerBtn{padding: 0px 16px; height: 33px; margin-top: 0px;}
 	.header button svg{ fill:#fff }
 	.header #navbarNavDropdown {position: absolute;right: -17px; top: 35px;}
	.header #navbarNavDropdown .navbar-nav { margin-left: 0px; min-width: 250px; background: rgba(85, 123, 141,0.9); padding: 10px 0px; border-radius: 5px;}
	.navbar-nav li{line-height: 20px;border-bottom: 1px dotted #ddd;}
	.navbar-light .navbar-nav .nav-link{font-weight: normal; padding: 6px 0px; font-size: 12px;}
	.navbar-light .navbar-nav .nav-link:hover{color: #dddcdc;}
	.header.active .navbar-light .navbar-nav .nav-link{color: #fff;}
	.header.active .navbar-light .navbar-toggler{border-color: rgb(227, 18, 18);}
	.header.active .navbar-light .navbar-toggler-icon i { color: #547D8F;}

	.bannerRightBg img { object-fit: contain; width: 79%;}
	.bannerCont, .bannerBox{height: auto;}
	.feature{background-position: right 433px bottom 317px}
	h2 {font-size: 24px; text-align: left;}
	.fLeft p {line-height: 28px; text-align: left; font-size: 13px; padding-left: 0px;}
	.fLeft{  justify-content: start; align-items: start; flex-direction: column; padding-top: 115px;}

.domain{background-position: left -352px top 64px, right top;}
.tvwatch{justify-content: start; align-items: start; padding-top: 55px;}
.tvInfoBox{width: 321px; height: 152px;top: 95px; left: 22px;}
.tvwatch img{ width: 100%; }
.tvInfoBox h2{font-size: 16px;}
.tvInfoBox p{font-size: 11px;line-height: 21px;margin-top: 6px;}
.clipPara{margin-top: 12px;}

.floatBtn{right:399px;}
.innerBanner{height: 42vh;}

.service p{font-size: 14px; line-height: 27px;}
.keyPoint{padding: 8px;}
ul.kyPonts li{padding: 0px 5px;}
ul.kyPonts li .icn {width: 25px; height: 25px;}
ul.kyPonts li h6{width: calc(100% - 31px);font-size: 11px;}



}

@media (width: 1024px){
	.tvInfoBox{width: 289px;height: 152px;top: 83px;left: 14px;}
	.tvInfoBox p{  font-size: 11px;   line-height: 18px;  margin-top: 6px;}
	.floatBtn{right:350px;}
	.innerBanner{height: 49vh;}
}

@media (min-width: 1200px) and (max-width: 1399px){
	.bannerCont, .bannerBox{height: auto;}
	.bannerRightBg img{width: 100%;}
	.feature{background-position: left -292px bottom 478px; background-size: 80%;}
	.fLeft{  justify-content: start; align-items: start; flex-direction: column; padding-top: 115px;}
	.fLeft p{padding-left: 0px;}

	.domain{background-position: left -378px top 64px, right top;}
	.tvwatch{justify-content: start; align-items: start;}
	.tvwatch img{width: 94%; margin-top: 84px;}

	.tvInfoBox { width: 308px; height: 150px; top: 117px; left: 32px;}
	.tvInfoBox h2{font-size: 18px;}
	.tvInfoBox p { font-size: 13px; line-height: 17px; margin-top: 3px;}
	.floatBtn{right: 452px;}

	.fLyst li a i{margin-right: 7px;}
	.fLyst li{padding: 0px 6px;}

	h2{font-size: 29px;}
	.innerBanner{height: 32vh;}

	.serviceholderImg{height: 212px;}
	.service p{font-size: 15px; line-height: 25px;}
	.serviceholderImg{margin-left: 20px;}

}

@media (min-width: 1440px){


}



/*.container, .container-fluid{border-right: 1px solid blue; border-left: 1px solid blue;}*/


@media (max-resolution: 300dpi) {


	
}
@media only screen and (max-width: 2000px) and (min-width: 1750px) {
	.inner_overlay {
    margin-top: 28%;
    width: 60%;
}
	.innerBanner{
		height: 40vh;
	}
} 


@media (max-width:1023px){
	.serviceLyst li {
    width: 100%;
     padding:0px; 
     margin-bottom: 0px; 
}
	.servLayout{
		padding: 15px;
		text-align: center;
	}
	.navbar-brand img {
    width: 96px;
}
	.navbar-toggler{
		position: absolute;
    right: 0px;
	}
	.header button.headerBtn {
    height: 30px;
    padding: 0px 16px;
    
    float: right;
		    margin-right: 57px !important;
}
	.navbar .container-fluid{
		padding-right: 0 !important;
		padding-left: 0 !important;
		
	}
	.navbar{
		padding-top: 0;
		padding-bottom: 0;
	}
	

	#navbarNavDropdown{
		    position: absolute;
    background: rgb(0 0 0 / 92%);
    top: 42px;
		left: -100%;
		width: 320px;
	}
	.navbar-nav {
    margin: 0px 0px;
}
	.nav-link{
		padding: 0;
	}
	.dropdown-menu{
		    background-color: transparent;
		
	}
	.dropdown-item{
		  color: #fff;
		
	}
	.header.active .navbar-light .navbar-nav .nav-link{
		color: #fff;
	}
	.inner_overlay{
		width: 100%;
	}
	
}
@media (max-width:767px){
	.footer_heading{
		margin-bottom: 6px;
	}
	.dropdown-item:focus, .dropdown-item:hover{
		color: #fff;
	}
	.leftf {
		width: 10%;
	}
	.rightf{
		width: 88%;
	}
	.footer_paratext{
		line-height: 25px;
	}
	.right_BoxInner {
    width: 100%;
		float: left;
	}
	.left_BoxInner{
		width: 100%;
	}
	.navbar-brand img {
    width: 96px;
}
	.navbar-toggler{
		position: absolute;
    right: 0px;
	}
	.header button.headerBtn {
    height: 30px;
    padding: 0px 16px;
    
    float: right;
		    margin-right: 57px !important;
}
	.navbar .container-fluid{
		padding-right: 0 !important;
		padding-left: 0 !important;
		
	}
	.inner_overlay{
		width: 100%;
	}
	.inner_overlay h1 {
    color: #fff;
    font-size: 25px;
		    margin-bottom: 0;
}
	.bannersmalltext1{
		font-size: 12px;
		    line-height: 19px;
		margin-bottom: 0!important;
		margin-top: 0!important;
	}
	.bannersmalltext2{
		font-size: 12px;
		    line-height: 14px;	
		margin-top: 0 !important;
	}
	.navbar{
		padding-top: 0;
		padding-bottom: 0;
	}
	.banner_section{
		height: 262px;
	}
	#navbarNavDropdown{
		    position: absolute;
    background: rgb(0 0 0 / 92%);
    top: 42px;
		left: -100%;
		width: 320px;
	}
	.navbar-nav {
    margin: 0px 0px;
}
	.nav-link{
		padding: 0;
	}
	.dropdown-menu{
		    background-color: transparent;
		
	}
	.dropdown-item{
		  color: #fff;
		
	}
	.header.active .navbar-light .navbar-nav .nav-link{
		color: #fff;
	}
	.smallinner_dropdown_area{
		width: 100%;
		float: left;
	}
	.smallinner_dropdown_area h2{
		color: #fff;
	}
	.innercontent h1 {
        font-size: 26px;

    line-height: 26px;
 
}
	.innercontent p {
    font-size: 16px;
    line-height: 22px;
}
	.innerBannerInn {
		padding-top: 48px;
	}
	.heading2 {
        font-size: 24px;
    text-align: left;
    line-height: 30px;
	}
	.headerBtn {
    height: 38px;
    padding: 0px 13px;
	}
	.normal_text{
		text-align: left!important;
	}
	.heading1 {
       font-size: 24px;
	}
	.lower_banner_section img{
		width: 100%;
	}
	#divMsg{
		width: 100% !important;
		right: 0;
	}
	.inner_overlay p{
		display: none;
	}
	.innerBanner {
    width: 100%;
     height: 40vh;
    clip-path: none;
	}
	.headingModal {
    font-size: 24px;
	}
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 376px !important;
	}
}
@media (max-width:394px){
	.textContentimg{
		font-size: 14px;
		line-height: 22px;
	}
.banner_section {
    height: 100%;
    background: #000;
    padding-top: 70px;
}
	.inner_overlay {
    width: 100%;
    padding-top: 17%;
}
}