/*responsive-style*/


@media (max-width: 1920px) {
	.contact-form-area {
    width: 94%;
	}
}
@media(min-width: 1500px) {
	img.img-view.img-fluid.iptv_banners-img {
	  display: none;
	  visibility: hidden;
	}
	.foriptv .iptv-pack-box {
		margin-bottom: 30px;
	}
	.covid-sec2.g-5 h1, .covid-sec3.g-5 h1, .covid-sec5.g-5 h1,
	.covid-sec2.g-5 h2, .covid-sec3.g-5 h2, .covid-sec5.g-5 h2 {
	  font-size: 45px;
	  line-height: normal;
	}
}

@media(min-width: 1400px) {
	.covid-sec2.g-5 h1, .covid-sec3.g-5 h1, .covid-sec5.g-5 h1,
	.covid-sec2.g-5 h2, .covid-sec3.g-5 h2, .covid-sec5.g-5 h2 {
	  font-size: 45px;
	  line-height: normal;
	}
}
@media(max-width: 1400px) {
	.cable-item.equal-height {
		padding: 30px;
	}
}

@media (max-width: 1500px) {
	footer {
		padding: 60px 0px; 
	}
	#home-slider .item,
	#iptv-slider .item {
		background-image: none !important;
	}
	img.img-view.img-fluid.iptv_banners-img {
	  display: block;
	  visibility: visible;
	}
	section#blog-card {
	  padding: 80px 0px 40px 0px;
	}
	/*deals*/
	.image-area.deals-banner {
		padding: 40px;
		min-height: 550px;
		/*background-position: 0% center;*/
	}
	.image-area.mobiletv-banner {
		min-height: 720px;
	}
	h2.deals-devices-name span.band {
		font-size: 26px;
		margin-bottom: 10px; 
	}
	h2.deals-devices-name span.model {
		font-size: 40px;
		margin-bottom: 20px;
	}
	.deals-device-details h2.price {
		font-size: 42px;
		margin-bottom: 45px;
	}
	.deals-device-details div.rating {
		margin-bottom: 15px;
	}
	.deals-device-details ul.rating .rating_item {
    font-size: 20px;
    margin-right: 10px;
	}
	.deals-device-details .rating p {
		font-size: 22px;
	}
	.deals-banner-btn .btn-blue {
		margin-right: 20px;
	}
	.btn-blue img, .btn-white img {
    vertical-align: middle;
    margin-left: 15px;
    width: 20px;
	}
	.deals-banner-text-inner .deals-device-details p.desc {
		width: 100%;
		font-size: 20px;
		line-height: 24px;
	}
	.mobiletv-banner-img img,
	.deals-banner-img img {
  	width: 530px;
	}
	.left-img-part.uchat-img-part {
	  background-position: center 5%;
	}
	.right-blue-part.uchat-right-blue-part {
	  padding: 80px 80px;
	}
	.form-area.top-btn-outer {
    padding: 20px 0px;
	}
	form.device-form select.form-control.custom-select {
		font-size: 14px;
	}
	.top-btn-outer {
		padding: 5px 0px;
	}
	.inner-device-card-body {
    padding: 0px 60px 60px 60px;
	}
	section#devices-card {
    padding: 0px 0px 30px 0px;
	}
	#device-slides {
    margin: 40px 0px 60px 0px;
  }
  #postpaid-benefits-area {
    padding: 90px 0;
  }
  section#cws-foundation {
    padding: 80px 0px 20px 0px;
	}
	.ussd-box h4 {
    margin-bottom: 15px;
	}
	.ussd-box {
	  padding: 40px 30px 40px 30px;
	}
	.contact-form-area {
    width: 92%;
	}
	.tab-content,
	ul#ContactTab {
		margin-top: 30px;
	}
	#contact-area .map-area,
	#contact-area .feedback-form.only-desktop {
    height: 830px;
    min-height: 830px;

	}
	.foriptv .iptv-pack-box {
		margin-bottom: 20px;
	}
	.kiosk-container {
		padding: 0 30px;
	}

}
@media (max-width: 1300px) {
	.banner-image-area {
	 	min-height: 430px;
	}
	section#blog-card {
	  padding: 60px 0px 20px 0px;
	}
	.quick-item-box {
		width: 520px;
	}
	.blog-card .card-body {
		min-height: 228px;
	}
	ul.plan-cost-list li {
		padding: 24px;
	}
	ul.offers-points li {
		margin-left: 22px;
	}
	section#privilez {
    padding: 50px 0;
	}
	.section-title h1,
	.section-title h2 {
    font-size: 30px;
    margin-bottom: 15px;
	}
	.mpre-left-cont h2 {
		font-size: 22px;
	}
	h2.groupcall_screens_h2 {
		margin-bottom: 30px;
	}
	section#partner {
    padding: 50px 0px;
	}
	.search-partner h3 {
		margin-bottom: 30px;
	}
	.search-partner {
		margin-top: 50px;
	}
	.partner-list {
		margin-top: 50px;
	}
	section#gift-card,
	section#terms {
		padding: 40px 0px;
	}
	.image-area.privilez-image-area {
		min-height: 940px;
	}
	.image-area.privilez-image-area .banner-text {
    position: absolute;
    top: 20%;
	}
	/*deals*/
	.image-area.deals-banner {
		padding: 40px;
		min-height: 480px;
		/*background-position: 0% center;*/
	}
	.image-area.mobiletv-banner {
		min-height: 620px;
		/*background-position: 0% center;*/
	}
	h2.deals-devices-name span.band {
		font-size: 24px;
		margin-bottom: 5px; 
	}
	h2.deals-devices-name span.model {
		font-size: 34px;
		margin-bottom: 10px;
	}
	.deals-device-details h2.price {
		font-size: 42px;
		margin-bottom: 40px;
	}
	.deals-device-details div.rating {
		margin-bottom: 10px;
	}
	.deals-device-details ul.rating .rating_item {
    font-size: 20px;
    margin-right: 10px;
	}
	.deals-device-details .rating p {
		font-size: 20px;
	}
	.deals-banner-btn .btn-blue {
		margin-right: 10px;
	}
	.btn-blue img, .btn-white img {
    vertical-align: middle;
    margin-left: 15px;
    width: 20px;
	}
	.deals-banner-text-inner .deals-device-details p.desc {
		width: 100%;
		font-size: 18px;
		line-height: 22px;
	}
	.mobiletv-banner-img img,
	.deals-banner-img img {
  	width: 450px;
	}

	/*new 6 sep*/
	.banner-text.contact-banner {
    top: 30%;
	}
	.banner-text.contact-banner h1 {
    margin-bottom: 10px;
	}
	ul.contact-details {
    margin: 10px 0;
	}
	ul#ContactTab {
    margin-top: 20px;
    margin-bottom: 20px;
	}
	.tab-content {
    margin-top: 20px;
	}
	.contact-form-area {
    width: 660px;
	}
	#contact-area .map-area,
	#contact-area .feedback-form.only-desktop {
    height: 770px;
    min-height: 770px;
	}
	#contact-area .feedback-form {
		padding: 40px 0px;
	}
	.alert-warning {
		font-size: 14px;
	}
	#flipbook-items {
		padding: 20px 30px;
	}
	#flipbook-items .owl-prev img {
		width: 25px;
	}
	#flipbook-items .owl-next img {
		width: 25px;
	}
	.points-info h2 {
		font-size: 30px;
	}
	.accumulate-info h2 {
		font-size: 32px;
	}
	.content-of-winner {
		padding: 50px 40px;
	}
	.content-of-winner p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
	}
	.content-of-winner h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
	}
	.about-clicks h3 {
		font-size: 30px;
	}
	#about-homeline-prepaid .section-title h1,
	#about-homeline-prepaid .section-title h2 {
		font-size: 35px;
	}
	.service-info h2 {
		font-size: 35px;
	}
	ul.cast-list li {
		line-height: normal;
	}
	#voucher h3 {
		font-size: 35px;
	}
	#we-offer {
		padding: 70px 0;
	}
	.wireless-packages-area {
		padding: 100px 0 !important; 
	}
	#xtra-booster {
		padding: 80px 0;
	}
	.channel-cta {
    margin-top: 12%;
    margin-bottom: 6%;
	}
	.channel-cta a {
		font-size: 14px;
	}
	.channel-info h2 {
		font-size: 32px;
	}
	.sinemax-card .card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image {
		max-width: 410px;
	}
	.watching-outer .img-div { 
		padding: 0px 20px;
	}
	ul.eDirectory-ctas li {
    margin: 0 22px;
	}
	.mb-prepaid-topup .wireless-packages {
    padding: 20px 30px;
  }
  .cws-foundation-tab ul.nav.nav-pills .nav-link {
	  padding: 10px 17.75px;
	}
	ul.inter-connect-list > li {
		width: 247px;
	}
	.app-box h3 {
    font-size: 22px;
    margin-bottom: 5px;
	}
	.app-box h5 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
  }
  .section-title.text-center.mpost-cont p,
	.section-title.text-center.mpost-cont h3 {
		margin-bottom: 15px;
	}
	.mb-postpaid-cont-section .section-title.text-center {
    margin-bottom: 30px;
	}
	.mb-postpaid-cont-section .section-title.text-left.left-side {
    padding-right: 90px;
	}
	#international-coverage-bg .banner-content,
	#international-coverage-bg,
	.image-area.content-banner,
	.banner-content {
		min-height: 570px;
	}
	.section-title.text-center.cws-foundation-section h3 {
	  font-size: 22px;
	  line-height: 28px;
	  margin-bottom: 15px;
	}
	.blog-card .card-title {
    font-size: 22px;
    line-height: 24px;
  }
  .use-roaming h3 {
    font-size: 32px;
    line-height: 36px;
  }
  #use-prepaid-roaming {
    padding: 130px 0;
  }
  #prepaid-roaming-partners {
  	padding: 80px 0px;
  }
	#prepaid-roaming-partners h2 {
    font-size: 36px;
  }
  .page-info.postpaid-roaming-banner-info h1 {
    line-height: 44px;
    width: 55%;
    font-size: 36px;
	}
	.postpaid-benefits ul,
	.postpaid-benefits ul li {
		margin-top: 10px;
	}
	.raoming-features h4 {
    font-size: 22px;
    line-height: 26px;
	}
	#roaming-overseas {
		padding: 70px 0px;
	}
	#roaming-overseas .form-area form.eDirectory-form {
    margin-top: 50px;
	}
	#facebook-article {
    padding: 70px 0px 0px 0px;
	}
	section#cws-foundation {
    padding: 60px 0px 0px 0px;
	}
	.live-img-cta h4 {
		font-size: 18px;
		line-height: 22px;
		margin-left: 20px;
	}
	.live-img-cta h4 span {
    font-size: 18px;
    font-weight: 600;
	}
	#cable-points-content,
	#about-points {
    padding: 50px 0;
	}
	.points-info h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
	}
	.points-info p {
    margin-top: 10px;
	}
	#accumulate-content {
    background-position: center;
    background-size: cover;
    min-height: 665px;
	}
	.accumulate-info {
		padding: 50px;
    transform: translate(-50%, 90%);
	}
	.cable-award-winner {
		margin-top: 15px;
	}
	.slid-content h3 {
    font-size: 24px;
    line-height: 30px;
	}
	.slid-content {
		padding: 4%;
	}
	.slid-content p {
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0;
	}
	.history-card .card-body {
    padding: 40px;
	}
	.year-div {
		margin-top: -119px;
	}
	.blog-details-card .card-title {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
	}
	.blog-details-cont {
		margin-top: 30px;
	}
	h1.vacancies-h1 {
		margin-bottom: 25px;
	}
	.top-form-area {
		padding: 0px 70px 30px 70px;
	}
	.vacancies-cont-area {
		padding: 40px 70px; 
	}
	.mb-prepaid .mb-prepaid-topup .wireless-packages {
    padding: 30px 30px;
  }
  .plan-info {
  	min-height: 530px;
  }
  .plan-register {
  	margin-top: 30px;
  }
  .search-result-outer h1 {
	  font-size: 36px;
	  line-height: 38px;
	  margin-bottom: 30px;
	}
	.b-white-card h2 {
    font-size: 30px;
    line-height: 32px;
  }
  .b-white-card {
  	padding: 40px;
  }
  /*.g-recaptcha iframe {
  	width: 92% !important;
  }*/
	.managed_benefit {
		margin-top: -251px;
	}
	#recovery-content {
    padding: 70px 0;
    height: 820px;
    margin-bottom: 190px;
	}
	.feature-benefit ul li {
		margin: 0 15px;
	}
}
@media (max-width: 1200px) {
	header ul li a img {
		margin-bottom: 5px;
		width: 22px;
	}
	header ul li.selfcare-menu a img {
		width: 15px;
	}
	.level-top ul.right-actions li, 
	.header.top-area ul.right-actions li {
    padding: 0px 5px;
	}
	ul.right-actions li a {
    font-size: 12px;
	}
	.top-area {
    padding: 0px 40px;
	}
	.logo {
    float: left;
    width: 180px;
    height: 30px;
	}
	ul.right-actions {
    width: calc(100% - 180px);
	}
	header.business-page-header {
    min-height: 90px;
	}
	.business-main-content {
    margin-top: 90px !important;
	}
	footer {
		padding: 40px 0px; 
	}
	ul.quick-foo-links li a,
	ul.policy-links li {
		font-size: 12px;
	}
	ul.quick-foo-links h6 {
    font-size: 14px;
    margin: 20px 0px 0px 0px;
  }
  ul.quick-foo-links h4, .foo-gird2 h4 {
  	font-size: 16px;
  	margin-bottom: 0px;
  }
  ul.social-media li a img {
    width: 20px;
    height: 20px;
	}
	ul.social-media {
		padding: 5px 0px 15px 0px;
	}
	ul.policy-links {
		padding-top: 10px;
	}
	ul.main-menu,
	ul.service-menu {
		min-height: 50px;
	}
	ul.main-menu > li{
		vertical-align: middle;
	}
	.nav-item {
    padding-top: 10px;
	}
	header {
		min-height: 140px;
	}
	#international-coverage-bg .banner-content,
	#international-coverage-bg,
	.image-area.content-banner,
	.banner-content {
		min-height: 500px;
	}
	.main-menu .dropdown-menu {
		top: 58px !important;
	}
	#main-content {
    margin-top: 140px;
	}
	#home-slider .item,
	#iptv-slider .item {
    min-height: auto;
	}
	#iptv-slider button.owl-next,
	#iptv-slider button.owl-prev {
		width: 20px;
	}
	#iptv-slider .owl-dots span {
		width: 10px;
		height: 10px;
		margin: 0 5px;
	}
  ul.service-menu li {
    padding: 0 15px;
  }
  .image-area h1 {
    font-size: 30px;
  }
  .page-info p {
  	font-size: 16px;
  	line-height: 20px;
  }
  .page-info h3 {
    font-size: 20px;
  }
  .section-title h1,
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .section-title p br {
  	display: none;
  }
  .section-title p {
  	font-size: 14px;
  	line-height: 20px;
  	margin-bottom: 15px;
  }
  .live-photos {
  	margin: 10px 0 40px 0;
  }
  ul.right-actions li {
  	padding: 0 10px;
  }
  #demo-2 input[type=search]:focus {
  	width: 300px;
  }
  .i1 .live-img-cta h4 {
  	margin-left: 0px;
  	margin-top: 10px;
  	width: 100%;
  }
  .showcase-item {
  	width: 100%;
  	float: left;
  }
  .iphone-left-showcase {
  	padding-right: 20px;
  }
  .iphone-right-showcase {
  	padding-left: 20px;
  }
  .iphone-left-showcase > img,
	.iphone-right-showcase > img {
		width: 200px;
	}
  .iphone-showcase {
  	margin: 60px 0;
  }
  .item-content {
  	padding: 0 20px 20px 20px;
  }
  .store-icon a img {
    width: 150px;
	}
	.quick-items {
		margin-top: 30px;
	}
	.quick-item-box {
		width: 49%;
	}
	.quick-item-links {
		padding: 40px 20px 0 20px;
		width: calc(100% - 230px);
	}
	.quick-img-area {
		width: 230px;
	}
	.slid-content {
		padding: 5%;
		width: 360px;
	}
	.slid-img {
    width: calc(100% - 360px);
	}
	.blog-card .card-title {
    font-size: 20px;
  }
  .blog-profile-cont p.blog-user-pos,
  .blog-profile-cont p.blog-user-name {
    font-size: 14px;
    line-height: 18px;
  }
  section#blog-card {
    padding: 60px 0px 20px 0px;
	}
	.form-area.top-btn-outer {
    padding: 15px 0px;
	}
	.top-btn-outer {
    padding: 5px 0px;
	}
	.blog-details-card .card-body {
    padding: 50px 80px;
	}
	.blog-details-card .card-title {
    font-size: 34px;
    line-height: 36px;
  }
  .blog-details-card .card-text.date {
    font-size: 16px;
  }
  section#blog-card-related-article {
    padding: 50px 0px 10px 0px;
	}
	h2.main-heading {
    font-size: 30px;
    line-height: normal;
  }
  .heading-area {
  	margin-bottom: 30px;
  }
	.gallery-title {
		padding: 30px;
	}
	.gallery-title h5 {
		font-size: 20px;
	}
	.gallery-select {
		margin: 20px 0 5px 0;
	}
	/*.gallery-images .item img {
		width: 40vw;
	}*/
	#fixedline-plan-slider .item {
		padding: 30px;
	}
	.faq-heading {
		padding: 25px;
	}
  section#faq-body {
    padding: 40px 0px;
	}
	.partner-item {
		width: 25%;
		padding: 20px 40px;
		margin-bottom: 0px;
	}
	p.gift-card-p.text-white {
		padding: 0px 40px;
	}
	p.gift-card-p.text-white::after {
		left: 15px;
	}
	.image-area.privilez-image-area {
		min-height: 940px;
	}
	h2.devices-name span.model {
    font-size: 16px;
  }
  h2.devices-name span.band {
    font-size: 13px;
  }
  h2.price {
    font-size: 22px;
  }
  img.img-fluid.devices-image {
    padding: 30px 0px;
  }
  .device-main h2.devices-name span.model {
    font-size: 24px;
  }
  .device-main h2.devices-name span.band {
    font-size: 16px;
  }
  .device-details h2.price {
    font-size: 34px;
  }
  .device-details .rating_item,
  .device-details div.rating p {
    font-size: 16px;
  }

  .color-choose input[type="radio"] + label {
  	width: 40px;
  	height: 40px;
  	margin: 0px 10px 0px 0px;
  }
  .color-choose input[type="radio"] + label span {
  	width: 25px;
  	height: 25px;
  }
  .product-color {
  	margin-bottom: 30px;
  }
  .device-details div.rating {
  	margin-bottom: 25px;
  }
  .product-size,
  .device-details h2.price {
  	margin-bottom: 20px;
  }
  .device-main h2.devices-name span.model {
  	margin-bottom: 15px;
  }
  .device-main h2.devices-name span.band {
  	margin-bottom: 5px;
  }
  .size-choose input[type="radio"] + label span {
  	font-size: 20px;
  }
  .size-choose input[type="radio"] + label {
  	margin: 0px 35px 0px 0px;
  }
  .devices-cont .cont-item {
  	padding: 20px 0px;
  }
  .inner-device-card-body {
    padding: 0px 40px 40px 40px;
	}
	.devices-cont p.desc,
	.devices-cont p.desc.block {
		font-size: 14px;
	}
	.device-view img {
		width: auto;
		max-height: 450px;
	}
	.device-view {
    width: 35%;
	}
	.device-details {
    width: 65%;
	}
	section#device-card {
    padding: 0px 0px 50px 0px;
	}
	#device-slides {
		margin: 20px 0px 40px 0px;
	}
	.btn.share-btn img {
		width: 20px;
	}

	/*deals*/
	.image-area.deals-banner {
		padding: 40px;
		min-height: 450px;
		/*background-position: 0% center;*/
	}
	.image-area.mobiletv-banner {
		min-height: 550px;
	}
	h2.deals-devices-name span.band {
		font-size: 20px;
		margin-bottom: 8px; 
	}
	h2.deals-devices-name span.model {
		font-size: 30px;
		margin-bottom: 12px;
	}
	.deals-device-details h2.price {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.deals-device-details div.rating {
		margin-bottom: 10px;
	}
	.deals-device-details ul.rating .rating_item {
    font-size: 15px;
    margin-right: 15px;
	}
	.deals-device-details .rating p {
		font-size: 15px;
	}
	.deals-banner-btn .btn-blue {
		margin-right: 10px;
	}
	.deals-banner-btn .btn-blue, .deals-banner-btn .btn-white {
		height: 40px;
		line-height: 28px;
		font-size: 14px;
		min-width: 170px;
	}
	.btn-blue img, .btn-white img {
    vertical-align: middle;
    margin-left: 15px;
    width: 20px;
	}
	.deals-banner-text-inner .deals-device-details p.desc {
		font-size: 15px;
		line-height: 20px;
	}
	.mobiletv-banner-img img,
	.deals-banner-img img {
  	width: 400px;
	}
	.deals-text-inner h2.deals-devices-name span.model {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.deals-text-inner h2.deals-devices-name span.band {
		font-size: 18px;
	}
	.deals-text-inner .deals-device-details h2.price {
		font-size: 34px;
	}
	.deals-text-inner .deals-device-details ul.rating .rating_item {
		font-size: 18px;
		margin-right: 10px; 
	}
	.deals-text-inner .deals-device-details .rating p {
		font-size: 18px;
	}
	.image-area.deals-image-area {
		min-height: 400px;
	}
	.image-area.deals-middle-image-area {
		min-height: 800px;
		padding: 30px;
	}
	.deals-inner-fill h2.h-h2 {
		font-size: 18px;
	}
	.deals-inner-fill h1.h-h1 {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.deals-inner-fill p.desc {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
	section#deals-top {
	  padding: 60px 0px 60px 0px;
	}
	section#deals-middle {
    padding: 0px 0px 60px 0px;
	}
	.vacancies-cont-area {
		padding: 50px;
	}
	.top-form-area {
		padding: 0px 50px 20px 50px;
	}
	.vacancies-form {
    margin-top: -320px;
  }
	.JobDetails-top-area h2 {
		font-size: 24px;
    margin-bottom: 5px;
    line-height: 28px;
	}
	.top-btn-outer.vacancies-top-btn-outer {
    padding: 15px 0px 5px 0px;
	}
	.JobDetails-item h2, h2.JobDetails-item-h2 {
		font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
	}
	.JobDetails-item ul li, .JobDetails-item-ul li p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
	}
	.JobDetails-item p, p.JobDetails-item-p {
    margin-bottom: 10px;
    margin-top: 10px;
  }
	.JobDetails-top-area p {
		font-size: 16px;
	}
	p.JobDetails-item-p {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.deals-inner-left h2.h-h2 {
    font-size: 20px;
  }
  .deals-inner-left h1.h-h1 {
    font-size: 30px;
  }
  .image-area.deals-last-image-area {
    min-height: 390px;
  }
  .deals-inner-left .deals-device-details p.desc {
  	width: 90%;
  }
  /*new 6sep*/
  .banner-text.contact-banner p {
		font-size: 14px;
	}
	ul.contact-details {
		margin: 10px 0;
	}
	ul.contact-details li {
		font-size: 18px;
		padding: 10px 0;
	}
	#award-showcase h3 {
		font-size: 30px;
	}
	.contact-form-area {
    width: 93%;
    padding-right: 50px;
	}
	ul.contact-lists li p {
		min-height: 60px;
	}
	#winners-gallery {
		padding: 50px 0;
	}
	.view-all-cta a.cw-btn {
		padding: 10px 15px 10px 25px;
		width: 200px;
		font-size: 14px;
	}
	#ussd-code {
		padding: 50px 0;
	}
	.ussd-box.service-charge-box h2 {
		font-size: 20px;
	}
	.charge-box-details h4 {
		font-size: 18px;
	}
	.icons img {
    width: 40px;
	}
	#ussd-code .section-title {
		margin-bottom: 20px;
	}
	.ussd-box.service-charge-box {
		padding-top: 30px;
	}
	#catalogue-area {
		padding: 50px 0;
	}
	.catalogue-items {
		margin-top: 0px;
	}
	#catalogue-flipbook-area {
		padding-bottom: 50px;
	}
	#flipbook-items.owl-carousel .owl-item img {
		height: 130px;
	}
	#flipbook-items .owl-prev img {
		width: 20px;
	}
	#flipbook-items .owl-next img {
		width: 20px;
	}
	#flipbook-items {
		min-height: 110px;
	}
	#flipbook-items button.owl-prev {
		top: 45px;
	}
	#flipbook-items button.owl-next {
		top: 45px;
	}
	ul.offer-points li span {
		font-size: 16px;
	}
	.monthly-features ul li p {
    font-size: 14px;
	}
	.wireless-packages h2 {
		font-size: 24px;
	}
	.wireless-packages h3 {
		font-size: 15px;
	}
	.wireless-packages h5 {
		font-size: 18px;
	}
	.wireless-packages > h4 {
		font-size: 16px;
	}
	.points-info h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.accumulate-info h2 {
		font-size: 30px;
	}
	.accumulate-info ul li {
		font-size: 16px;
	}
	.content-of-winner p {
		margin-top: 20px;
	}
	.about-clicks h3 {
		font-size: 28px;
	} 
	.about-clicks {
		margin-top: 20px;
	}
	.click-boosters .giga-boost .wireless-packages {
		padding: 20px;
	}
	.click-boosters .giga-boost .wireless-packages h2 {
		margin-bottom: 15px;
		font-size: 20px;
	}
	ul.click-info li h5 {
		font-size: 14px;
	}
	#about-homeline-prepaid .section-title h1,
	#about-homeline-prepaid .section-title h2 {
		font-size: 30px;
	}
	#about-homeline-prepaid .section-title p {
		margin-bottom: 30px;
	}
	.service-content .left-side.theme-bg h3 {
		font-size: 28px;
	}
	ul.service-points li {
		font-size: 15px;
	}
	.service-content .left-side.theme-bg p {
    font-size: 15px;
    line-height: 22px;
	}
	.service-info h2 {
		font-size: 30px;
	}
	#about-prepaid-broadband {
    padding: 50px 0px 30px 0;
	}
	#voucher h3 {
		font-size: 30px;
	}
	#voucher {
		padding: 40px 0;
	}
	#voucher span {
		font-size: 14px;
	}
	ul.voucher-points li {
		font-size: 14px;
	}
	#additional-info {
		padding: 60px 0;
	}
	#additional-info .section-title p {
		margin-bottom: 0px;
	}
	#broadband-cost {
		padding: 70px 0;
	}
	ul.plan-cost-list {
		margin-top: 40px;
	}
	ul.plan-cost-list li {
		padding: 20px;
		margin-left: 0px;
		font-size: 15px;
		margin-bottom: 10px;
		width: 50%;
    margin-left: 0px;
	}
	ul.offers-points li {
  	text-align: left;
  	margin-left: 0px;
		width: 50%;
		margin-bottom: 15px;
	}
	.wireless-packages-area {
		padding: 70px 0 !important; 
	}
	#xtra-booster {
		padding: 60px 0;
	}
	#xtra-booster .section-title {
		margin-bottom: 20px;
	}
	.cd-primary-nav a, .cd-primary-nav ul a,
	.main-menu .dropdown-item {
    padding: 10px;
    font-size: 14px;
  }
  .has-children > a::before, .go-back a::before,
  li.dropdown-icon > a:after {
  	width: 12px;
    height: 15px;
    background-size: contain;
    top: 9px;
  }
  .cws-foundation-tab ul.nav.nav-pills .nav-link {
	  padding: 10px 11.98px;
	}
	.full-width.tab-item-left-img .right-blue-part .section-title,
	.full-width.tab-item-right-img .right-blue-part .section-title {
		width: 400px;
	}
	.full-width.tab-item-left-img .right-blue-part,
	.full-width.tab-item-right-img .right-blue-part {
		padding: 40px;
	}
	.cws-foundation-tab .full-width.tab-item-left-img .right-blue-part .section-title,
	.cws-foundation-tab .full-width.tab-item-right-img .right-blue-part .section-title {
		width: 424px;
	}

	.banner-text.mb-postpaid-banner-text h1 {
    font-size: 28px;
	}
	.banner-text.mb-postpaid-banner-text p {
    font-size: 16px;
	}
	.section-title.text-center.mpost-cont h2,
	#access-broadbrand .section-title.mb-postpaid-bottom-section h2,
	.mb-postpaid-cont-section .section-title h1,
	.mb-postpaid-cont-section .section-title h2 {
    font-size: 28px;
	}
	.mb-postpaid-cont-section .section-title p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.section-title.text-center.mpost-cont h3 {
		font-size: 20px;
	}
	.mb-prepaid-topup .wireless-packages h2 {
		font-size: 18px;
		line-height: 20px;
	}
	.mb-prepaid-topup ul.click-info li p {
    font-size: 16px;
    line-height: 20px;
  }
  ul.inter-connect-list > li {
    width: 210px;
    padding: 20px;
    margin: 0px 15px;
	}
	.inter-connect-details h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .inter-connect-details ul li strong {
    font-size: 18px;
    line-height: 26px;
  }
  #connect-booster h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
	}
	#connect-booster .boosters-cta p {
    margin-bottom: 20px;
	}
	ul.inter-connect-list {
		margin-top: 15px;
	}
	.mb-prepaid .mb-prepaid-topup .wireless-packages {
		padding: 20px 30px;
	}
	.mb-prepaid-topup .wireless-packages p {
    font-size: 16px;
  }
  .white-box>.row:first-child>* {
    font-size: 16px;
  }
  .white-box {
  	padding: 20px 30px;
  }
  ul.feature-points li .feature-content {
    width: calc(100% - 15%);
	}
	ul.feature-points li .icon {
    width: 10%;
    margin-right: 5%;
	}
	.channel-cta {
    margin-top: 8%;
    margin-bottom: 6%;
	}
	.channel-cta a {
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
	}
	.channels-tab .tab-content {
    padding-top: 0px;
    margin-top: 30px;
	}
	#channels {
		padding: 50px 0px;
	}
	.iptv-pack-box ul li:before {
		width: 20px;
		height: 20px;
	}
	.iptv-pack-box ul li {
		font-size: 14px;
	}
	li.iptv-pack-box h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	li.iptv-pack-box span {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#iptv-packages {
    padding: 60px 0px 20px 0px;
  }
  #iptv-cinema {
  	padding: 60px 0px 0px 0px;
  }
  .cinemax-video {
  	margin-top: 5%;
  }
  #guide-area .left-side-area, #guide-area .right-side-area {
  	min-height: 580px;
  }
  #guide-area h2 {
  	font-size: 30px;
  	line-height: 38px;
  }
  #guide-area .left-side-area a, #guide-area .right-side-area a {
    font-size: 14px;
    padding: 8px 30px;
    line-height: 20px;
	}
  .transparent-card.mobiletv-started-cont {
  	padding: 40px 30px;
  }
  .mobiletv-started-cont h2 {
  	font-size: 24px;
  	margin-bottom: 10px;
  }
  #iptv-section .section-content h2 {
    font-size: 34px;
  }
  ul.section-points li {
  	padding: 10px 10px;
  }
  ul.section-points {
  	padding: 10px 0px;
  }
  #iptv-section .section-content h5 {
  	font-size: 18px;
  }
  ul.section-points li h3 {
  	font-size: 16px;
  }
  #iptv-section .section-content a {
  	font-size: 14px;
  }
  #iptv-features,
  #iptv-section {
  	padding: 60px 0px;
  }
  .avaiable-image-area .section-title.text-left {
  	padding: 0px 20px;
  }
  .image-area.subscribe-image-area .white-card h2 {
    font-size: 26px;
	}
	.white-card.subscribe-white-card {
    min-height: 400px;
    padding: 100px 50px 50px 50px;
	}
	.image-area.subscribe-image-area {
		min-height: 850px;
	}
	.fb-icon {
		padding: 15px 25px;
		width: 70px;
		margin-right: 30px;
	}
	.fb-content p,
	.fb-content {
		padding-right: 0px;
	}
	.right-blue-part {
		padding: 60px;
	}
	.right-blue-part .section-title {
		width: 360px;
	}
	.right-blue-part .section-title p {
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 20px;
	}
	.blue-cont-area .left-side p, .blue-cont-area .right-side p {
		font-size: 16px;
		line-height: 22px;
	}
	.blue-cont-area .right-side,
	.blue-cont-area .left-side {
		padding: 30px;
	}
	.me2u-white-box {
		padding: 40px;
	}
	.me2u-white-box .section-title p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px; 
	}
	.blue-cont-area {
		margin: 10px 0px 20px 0px;
	}
	section#me2u-w .img-part {
		padding: 60px 90px 60px 90px;
	}
	.cable-item h4 {
		font-size: 18px;
		line-height: 22px;
	}
	.cable-item img {
		width: 25px;
	}
	.cable-item {
		padding: 20px;
		min-height: 84px;
	}
	.cable-item.equal-height {
		min-height: 282px;
	}
	.cable-kiosk-points ul li {
		font-size: 14px;
		padding: 5px 0px 5px 20px;
	}
	.cable-item:last-child {
		margin-bottom: 0px;
	}
	/*.cable-item.equal-height {
    padding: 20px 30px 20px 20px;
	}*/
	#cable-kiosk-services {
    padding: 80px 0;
  }
  .usding-service-content p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
	}
	.usding-service-content h3 {
		font-size: 26px;
		line-height: 28px;
	}
	.usding-service-content {
		padding: 80px 60px;
	}
	#using-service {
    padding: 100px 0;
  }
  #wireless-broadband-video {
  	padding: 80px 0px;
  }
  .faq-heading h1, .faq-heading h2 {
    font-size: 22px;
  }
  #register-info-form {
    padding: 40px 0;
	}
	#register-info-form .section-title {
		margin-bottom: 20px;
	}
	.app-box .radio .label:after {
		top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
	}
	.app-box .radio .label {
    width: 12px;
    height: 12px;
    margin-top: 4px;
	}
	.app-box h3 {
		font-size: 18px;
    line-height: 22px;
	}
	.app-box h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
	}
	.app-box .radio {
		margin: 10px 0px;
	}
	.applications-area {
		margin-top: 30px;
	}

	section#why-join-1 {
    padding: 40px 0;
	}
	.tab-content {
		margin-top: 30px;
	}
	.tab-item-outer {
		margin-bottom: 30px;
	}
	.tab-item-outer:nth-child(even) {
		margin-bottom: 50px;
		padding: 30px;
	}
	.tab-item-outer:nth-child(odd) .tab-item-img {
		width: 350px;
		margin-right: 60px;
	}
	.tab-item-outer:nth-child(even) .tab-item-img {
		width: 350px;
		margin-left: 60px;
	}
	.tab-item-outer:nth-child(even) .tab-item-cont,
	.tab-item-outer:nth-child(odd) .tab-item-cont {
		width: calc(100% - 410px);
	}
	.addtional-feature-outer h2, .feature-outer h2 {
    font-size: 22px;
    line-height: 22px;
  }
  ul.feature-ul li img {
    margin-right: 20px;
    width: 40px;
	}
	ul.feature-ul li p {
    width: calc(100% - 80px);
    font-size: 16px;
    line-height: 22px;
  }
  .image-area.mobiletv-image-area {
  	min-height: 400px;
  }
  .mobiletv-started-img {
    top: -65px;
    width: 250px;
	}
	.mobiletv-started-outer {
		width: calc(100% - 300px);
	}
	.offeritem p.heading {
    font-size: 16px;
    line-height: 20px;
  }
  section#mobiletv-offer-price {
    padding: 100px 0px 0px 0px;
  }
  .card.offercard .card-body {
  	padding: 20px;
  }
  .offercard .inner-cont h2 {
  	font-size: 20px;
  	line-height: 24px;
  	margin-bottom: 15px;
  }
  .offercard .inner-cont p span {
    font-size: 16px;
	}
	.offercard .inner-cont p strong {
		font-size: 14px;
	}
	.offercard .inner-cont {
		margin-bottom: 15px;
	}
	form.device-form select.form-control.custom-select {
		font-size: 12px;
	}
	.btn.white-arrow-btn.bundle-btn {
		line-height: 25px;
    width: 220px;
    height: 38px;
    font-size: 14px;
	}
	section#offer-broadbandPro ul.offer-points.li-with-p.broadband-pro-li-with-p {
    margin-top: 10px;
    margin-bottom: 20px;
	}
	#offer-broadbandPro {
    padding: 50px 0;
	}
	section#offer-broadbandPro ul {
		grid-gap: 10px 40px;
	}
	.card.mobiletv-b-card {
		padding: 40px;
	}
	img.img-fluid.mobiletv-mobile-image {
    padding: 0px 0px 20px 0px;
    max-width: 184px;
	}
	.image-area.mobiletv-b-image-area {
		min-height: 850px;
	}
	.card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image {
		max-width: 350px;
		padding: 0px 0px 20px 0px;
	}
	.card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image.timeshift-right-img {
		max-width: 220px;
	}
	section#mobiletv-timeshift, section#mobiletv-guide {
    padding: 50px 0px;
	}
	section#mobiletv-timeshift .section-title, section#mobiletv-guide .section-title {
    margin-bottom: 15px;
	}
	.card.mobiletv-guide-card {
		padding: 20px;
	}
	.sinemax-card .card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image {
		max-width: 280px;
		padding: 5px 0px 15px 0px;
	}
	.sinemax-card {
		padding: 60px 30px;
	}
	.image-area.sinemax-image-area {
    min-height: 750px;
    padding: 60px;
	}
	.wide-white-card.float-right {
    margin-top: -20px;
		margin-bottom: 0px;
	}
	.wide-white-card {
		padding: 25px;
    margin-bottom: 20px;
	}
	section#mobiletv-watching {
    padding: 50px 0px;
  }
  .wide-white-card p {
  	padding-left: 280px;
  }
  ul.mobiletv_watching_ul {
  	padding-right: 240px;
  }
  .blog-card .card-title {
    font-size: 18px;
    line-height: 22px;
  }
  .readmore-btn {
  	padding: 10px;
  }
  .blog-card .card-body {
    min-height: 225px;
	}
	.blog-profile {
		margin-top: 15px;
	}
	.blog-card .card-text.date {
    margin-bottom: 10px;
  }
  .blog-card:hover .inner-cont-body {
  	transform: translateY(-46px);
    -ms-transform: translateY(-46px);
  }
  #prepaid-roaming-partners {
  	padding: 50px 0px;
  }
  #prepaid-roaming-partners h2 {
    font-size: 30px;
  }
  form.partners-form {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	#prepaid-roaming-partners .left-side h4 {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	#prepaid-roaming-partners .right-side h5 {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0;
	}
	ul.network-points li span {
    font-size: 16px;
    line-height: 20px;
  }
  .setting-box p {
    margin-top: 0px;
    width: calc(100% - 200px);
    vertical-align: middle;
	}
	.setting-label {
    padding: 10px;
    width: 180px;
    margin-right: 10px;
	}
	.setting-box .setting-label > p {
    color: #fff;
    width: auto;
	}
	.setting-box img {
		margin-right: 10px;
	}
	#use-prepaid-roaming {
    padding: 90px 0;
  }
  .use-roaming h3 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  ul.points-list li,
  .use-roaming p {
    font-size: 16px;
    line-height: 22px;
	}
	.use-roaming ul.points-list {
    margin-top: 15px;
	}
	.showcase-content p {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0px 20px 0px;
    padding-right: 40px;
	}
	.showcase-content {
		padding-left: 20px;
	}
	#fixedline-plan-slider .item h2 {
    font-size: 24px;
  }
  #fixedline-plan-slider .item h3 {
  	font-size: 18px;
  	margin-bottom: 10px;
  }
  .monthly-features {
    margin-top: 20px;
	}
	.offers-item h4 {
    font-size: 16px;
  }
  .offers-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .success-msg p, .failed-msg p {
  	font-size: 15px;
  	line-height: 22px;
  }
  .failed-msg h3 {
  	margin-top: 20px;
  	margin-bottom: 20px;
  }
  .btn-retry {
  	margin-top: 20px;
  }
  form.verify-form {
  	width: 50%;
  }
  .radio-info p {
  	font-size: 18px;
  	line-height: 24px;
  }
  .g-recaptcha iframe {
    width: 304px;
  }
  .channels-tab p {
  	font-size: 14px;
  	line-height: 20px;
	}
	section#why-join-3 {
    padding: 50px 0 50px 0;
	}
	.raoming-features {
		margin-top: 20px;
	}
	.feature-benefit ul li {
		margin: 0 15px;
		font-size: 14px;
	}
	.g-recaptcha-bubble-arrow ~ div {
	  transform: scale(1);
	  -webkit-transform: scale(1);
	  zoom: 1;
	}
	#we-offer .section-title h2.sec-h-2 {
    margin-top: 15px;
	}
	section.pad-top-important {
    padding-top: 60px;
	}
	.kiosk-container {
		padding: 0 20px;
	}
	.cable-kiosk-box {
		padding: 0 10px;
	}
	.cable-item h4.etopup {
		width: 70%;
	} 
	.cable-item.equal-height {
		padding: 20px;
	}
}
@media(max-width: 1100px) {
	.cable-item.equal-height {
		padding: 20px 5px;
	}
	.cable-kiosk-box {
		padding: 0 5px;
	}
}
@media (max-width: 991px) {
	/* covid-19 Education Allowance */
	.vacancies-cont-area.covid-form {
	  padding:60px 120px;
	}
	.covid-form li {
    font-size: 15px;
	}
	.covid-check .custom-control-label {
	  font-size: 16px;
	}
	.covid-blue a {
		font-size: 18px;
	}
	.covid-sec2.g-5 p, .covid-sec3.g-5 p, .covid-sec5.g-5 p {
    font-size: 18px;
    color: #fff;
    line-height: normal;
	}
}
@media (max-width: 992px) {
	.mobiletv-started-outer.covid-sec2-outer {
		width: 100%;
	}
	.covid-sec4 h2,
	.covid-sec2 h2 {
		font-size: 28px;
		line-height: normal;
	}
	.covid-sec4 p, 
	.covid-sec2 p {
		font-size: 16px;
    line-height: normal;
	}
	.page-info.covid-sec3 h1 {
		width: 50%;
	}
	.live-photo-hero1 {
		margin-bottom: 15px;
	}
	.iphone-left-showcase, 
	.iphone-right-showcase {
		max-width: 100%;
		padding-right: 0px;
	}
  .ussd-box h4 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
	}
	.ussd-box p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .mobile-settings-content .access-box {
    margin-bottom: 30px;
    padding: 20px;
	}
	.mobile-settings-content .access-box p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
	}
	.blue-card {
    min-height: 290px;
    padding: 60px 40px;
    margin-top: -250px;
	}
  .image-area {
    float: left;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    min-height: 480px;
	}
	.blue-card h2 {
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
	}
	.blue-card p {
    font-size: 14px;
    line-height: 22px;
  }
  .content-div p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
	}
	section#who-we-are-static {
	  padding: 40px 0;
	}
	.col-md-6.why-choose-cpd {
    padding-right: 50px;
    padding-left: 50px;
	}
	/*.card.history-card.grow img.card-img-top {
    height: 25vw;
  }*/
  .image-area.history-image-area {
    min-height: 550px;
    padding: 60px;
	}
	.blue-card.history-blue-card {
    min-height: auto;
    padding: 50px 50px 70px 50px;
	}
	.history-card .year-div p {
    font-size: 30px;
    line-height: 32px;
  }
  .history-card p, 
  .history-card p.card-text.cont {
    font-size: 14px;
    line-height: 20px;
  }
  .year-div {
    margin-top: -104px;
	}
	.blog-details-card .card-title {
    font-size: 24px;
    line-height: 28px;
	}
	.blog-details-card .card-text.date {
    font-size: 14px;
	}
	.blog-details-cont {
    margin-top: 20px;
	}
	section#benefits {
    padding: 50px 0px 50px 0px;
	}
	.mission-value-card .card-body {
    padding: 50px;
	}
	section#benefits .section-title h1, section#benefits .section-title h2 {
    margin-bottom: 25px;
	}
	.image-area.benefits-image-area,
	.image-area.culture-image-area {
    padding: 60px;
    min-height: 500px;
	}
	section#why-join-2 {
    padding: 40px 0;
	}
	section#why-join-3 {
  	padding: 40px 0 40px 0;
	}
	.mission-value-card .card-body h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
	}
	.mission-value-card .card-body p.card-text.cont {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	.mission-value-card .card-body h3:not(:first-child) {
		margin-top: 20px;
	}
	section#mission-value .section-title h1, section#mission-value .section-title h2 {
    margin-bottom: 20px;
	}
	section#benefits {
    padding: 50px 0px 50px 0px;
	}
	.benefits-ul li p.p-heading {
    font-size: 14px;
    margin-bottom: 0px;
	}
	section#mission-value {
		padding: 40px 0px 50px 0px;
	}
	.white-card.culture-white-card {
		padding: 30px;
    min-height: auto;
	}
	.white-card h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px;
	}
	.mission-value-card .card-body h3 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
	}
	p.p-heading {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  p.p-cont {
    font-size: 14px;
    line-height: 20px;
  }
  ul.mission-value-ul li {
    padding: 10px 0px;
	}
	.white-card p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .section-title h1:not(:first-child), .section-title h2:not(:first-child) {
    margin-top: 20px;
  }
  section#benefits .section-title h1, section#benefits .section-title h2 {
    margin-bottom: 20px;
	}
	.vacancies-btn, .join-btn {
		margin: 15px 5px;
	}
	#contact-area .feedback-form {
		width: 55%;
		padding: 50px 0px;
	}
	#contact-area .map-area {
		width: 45%;
	}
	.contact-form-area {
    width: 93%;
    padding-right: 40px;
	}
	ul#ContactTab {
    margin-top: 15px;
    margin-bottom: 15px;
	}
	.contact-form-area .tab-content {
    margin-top: 10px;
	}
	.form-layout button.view-details {
    margin-top: 20px;
    padding: 10px 0px;
	}
	.banner-text.contact-banner h1 {
    line-height: 28px;
    margin-bottom: 10px;
    font-size: 26px;
	}
	.banner-text.contact-banner {
    top: 40%;
	}
	#contact-area .map-area,
	#contact-area .feedback-form.only-desktop {
    height: 477px;
    min-height: 477px;
	}
	ul.contact-lists li {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	ul.contact-lists li p {
    min-height: auto;
	}
	ul.helpline-list li:nth-child(2),
	ul.contact-lists li:nth-child(2), 
	ul.contact-lists li:nth-child(5) {
    padding-left: 15px;
    padding-right: 15px;
  }
  ul.helpline-list li:nth-child(3n),
  ul.contact-lists li:nth-child(3n) {
    padding-left: 15px;
  }
  ul.contact-lists li {
    padding: 15px 15px 15px 0px;
	}
	ul.helpline-list li h5 img,
	ul.contact-lists li h5 img {
    margin-right: 10px;
    width: 15px;
	}
	ul.contact-lists li h5 {
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 15px;
	}
	ul.contact-lists li span {
		margin-bottom: 5px;
	}
	ul.helpline-list li {
		padding: 15px 0px;
	}
	ul.helpline-list li h3 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	section#success-page .section-title h1, 
	section#success-page .section-title h2 {
		font-size: 16px;
		text-align: center;
	}
	.submit-all-selections p {
    margin-top: 5px;
	}
	.submit-all-selections.job-apply {
    margin-top: 60px;
  }
  #fb-boosters,
  #mobile-tv-boosters {
    padding: 60px 0;
	}
	#mobile-tv-boosters .card.offercard .card-body {
    padding: 20px 20px;
    min-height: auto;
	}
	.fb-booster-txt .left-side-content p {
    margin-top: 15px;
    margin-bottom: 20px;
	}
	.fb-booster-txt h2 {
    font-size: 30px;
    line-height: 36px;
  }
	.fb-booster-txt .left-side-content {
    width: 70%;
	}
	.fb-booster-txt .right-side-content {
		width: 30%;
	}
	.fb-booster-customers h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .plan-tag {
    font-size: 22px;
    line-height: 26px;
    padding: 15px 50px;
	}
	.plan-info {
		min-height: 440px;
	}
	#connect-booster,
	#booster-package,
	#jumbo-booster {
    padding: 60px 0;
	}
	.plan-area.boosters-plan-area {
    margin-bottom: 0px;
	}
	#jumbo-booster .boosters-cta p {
    margin-top: 20px;
    margin-bottom: 30px;
	}
	.choose-data-booster h5 {
		font-size: 22px;
		line-height: 24px;
	}
	.fb-booster-customers,
	.choose-data-booster {
		margin-top: 30px;
	}
	.plan-register {
    margin-top: 20px;
	}
	#mobile-tv-boosters .section-title {
    margin-bottom: 20px;
	}
	.page-info.postpaid-roaming-banner-info h1 {
    line-height: 30px;
    width: 55%;
    font-size: 24px;
	}
	#roaming-overseas,
	#roaming-content {
		padding: 50px 0px;
	}
	#postpaid-tips .tips ul li {
		margin-top: 10px;
	}
	#postpaid-tips .tips h5 {
		margin-bottom: 10px;
	}
	.search-result-outer h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 25px;
	}
	.faq-body-items h3 {
    font-size: 18px;
    line-height: 22px;
  }
  ul.faq-ul p,
  .faq-body-items p {
    font-size: 14px;
    line-height: 20px;
  }
  ul.faq-ul li {
  	margin-bottom: 5px;
  }
	ul.faq-ul li span {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 992px) {
	img.cable-logo {
    width: 65px;
	}
	.section-title h1, .section-title h2 {
    font-size: 24px;
    margin-bottom: 15px;
	}
	.live-photo-hero1 {
		margin-bottom: 15px;
	}
	.iphone-left-showcase, 
	.iphone-right-showcase {
		max-width: 100%;
		padding-right: 0px;
	}
  ul.service-menu li {
    padding: 0 20px;
  }
  ul.main-menu {
    width: 15%;
  }
  ul.service-menu {
    width: 85%;
  }
  .image-area > h1 {
    font-size: 30px;
    left: 0px;
    transform: translate(0%, -50%);
    text-align: center;
    width: 100%;
  }
  .banner-image-area,
  .image-area {
    min-height: 300px;
  }
  ul.right-actions li {
  	padding: 0 10px;
  }
	.search-icon {
		display: none;
	}
	img.m-search-icon {
    display: block;
    width: 18px;
	}
	ul.right-actions {
		padding: 9px 0;
	}
  #demo-2 input[type=search]:focus {
    width: 220px;
	}
	.live-photo-hero1 .live-img-cta h4 {
		margin-left: 0px;
  	margin-top: 10px;
  	width: 100%;
	}
	.live-img-cta h4 span {
		font-size: 20px;
	}
	.live-img-cta h4 {
		font-size: 16px;
	}
	.live-img-cta a.cw-btn {
		font-size: 14px;
		width: 185px;
		padding: 10px 20px 10px 20px;
	}
	.live-img-cta {
		padding-right: 20px;
	}
	.just-wireless-items .item {
		width: 100%;
	}
	.just-wireless-items .item.right-side {
		float: left;
		margin-top: 20px;
	}
	.just-wireless-items {
		margin-bottom: 0px;
	}
	.quick-item-box {
		width: 100%;
	}
	.quick-item-box.right-side {
		float: left;
		margin-top: 20px;
	}
	#quick-actions {
		padding: 60px 0;
	}
	.quick-item-links {
		padding: 40px 50px 0 50px;
		width: calc(100% - 260px);
	}
	.quick-img-area {
		width: 260px;
	}
	#facebook-article {
    padding: 60px 0 0 0;
	}
	.cws-foundation-slides {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.slid-content,
	.slid-img {
		width: 100%;
	}
	.slid {
		display: flex;
		flex-direction: column-reverse;
		height: 100%;
		justify-content: flex-end;
    align-items: center;
	}
	.slid-content h3 {
    font-size: 24px;
    line-height: 28px;
	}
	.slid-content p {
		margin: 20px 0;
	}
	ul.quick-foo-links {
		width: 90%;
		margin-right: 10%;
	}
	ul.quick-foo-links h4, .foo-gird2 h4 {
		font-size: 15px;
	}
	ul.quick-foo-links h6 {
		font-size: 14px;
	}
	ul.policy-links li a {
		font-size: 13px;
	}
	ul.policy-links li {
		font-size: 13px;
		line-height: 25px;
	}
	ul.social-media,
	ul.policy-links {
		text-align: center;
	}
	ul.policy-links li:last-child {
		border-left: none;
		padding-left: 0px;
		display: block;
	}
	ul.social-media {
		padding-top: 0px;
	}
	ul.policy-links {
		padding-top: 15px;
	}

	/*about-us-page*/
	.col-md-6.why-choose-cpd {
    padding-right: 20px;
    padding-left: 20px;
  }
  .blue-card {
    min-height: 230px;
    padding: 30px 30px;
    margin-top: -200px;
	}
	.blue-card h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
	}
  .banner-text {
  	width: 90%;
  }
  .banner-text-inner {
    width: auto;
	}
	.blog-card .card-title {
    font-size: 18px;
  }
  section#blog-card {
    padding: 50px 0px 10px 0px;
	}
  /*fixedline-postpaid*/
  #international-coverage-bg .banner-content,
	#international-coverage-bg,
  .image-area.content-banner,
  .banner-content {
  	min-height: 450px;
  }
  .page-info h1,
  .page-info p {
  	width: 100%
  }
  .page-info h1 {
  	font-size: 30px;
  }
  .page-info p {
  	font-size: 16px;
  	line-height: normal;
  	margin-top: 10px;
  }
  #packages-area {
  	padding: 40px 0px;
  }
  #faqs-area {
  	padding: 40px 0px;
  }/*
  .iptv-faqs-sec {
  	padding: 0px 0px 40px 0px !important;
  }*/
  section#guide-area {
	  padding: 0px 0px 40px 0px;
	}
  #packages-area .section-title h1,
  #packages-area .section-title h2 {
  	font-size: 35px;
  }
  #fixedline-plan-slider .item {
  	width: 100%;
  }
  #fixedline-plan-slider {
  	display: block;
  }
  #fixedline-plan-slider .owl-stage {
  	display: flex;
  }
  #fixedline-plan-slider .owl-item {
  	display: flex;
  	flex: 1;
  	padding: 15px;
  }
  .plan-register {
  	margin-top: 20px;
  }
  .faq-heading h1,
  .faq-heading h2 {
    font-size: 24px;
  }
  .faq-heading {
  	padding: 20px;
  }
  section#faq-body {
    padding: 30px 0px;
	}
	.faq-body-items h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
	}
	.faq-body-items p {
    font-size: 14px;
    line-height: 21px;
  }
  .faq-body-items {
  	margin-bottom: 20px;
  }
  ul.faq-ul p {
    line-height: normal;
    font-size: 15px;
    margin-bottom: 10px;
	}
	ul.faq-ul li span {
    font-size: 14px;
    line-height: 16px;
  }
  ul.faq-ul li::before {
  	width: 10px;
  	height: 10px;
  	margin-top: 3px;
  }
  ul.faq-ul li {
  	margin-bottom: 10px;
  }

  /*vacancies*/
  .vacancies-form {
  	margin-top: -251px;
  }
  .vacancies-form.JobDetails-head {
    margin-top: -223px;
	}
  .top-form-area {
    padding: 0px 40px 30px 40px;
	}
	button.btn.btn-search {
    width: 157px;
  }
  .form-group.col-md-10.inputText {
    max-width: calc(100% - 187px);
	}
	.vacancies-form .floating-label {
		font-size: 24px;
	}
	.vacancies-form input.form-control:focus ~ .floating-label, 
	.vacancies-form input.form-control:not(:focus):valid ~ .floating-label {
		font-size: 18px;
	}
	.vacancies-cont-area {
    padding: 30px 60px 40px 40px;
	}
	h1.vacancies-h1 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  /*history*/
  .history-card-outer {
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
	}
	.history-card-outer-row {
    margin-right: -15px;
    margin-left: -15px;
	}
	.history-card .card-body {
    padding: 20px;
	}
	.year-div {
    padding: 12px 20px;
    margin-top: -76px;
	}
	.year-div p {
    font-size: 30px;
  }
  .history-card p.card-text.cont {
    font-size: 14px;
    line-height: 22px;
  }
  section#history-card {
    padding: 40px 0px 10px 0px;
	}
	.blue-card.history-blue-card p {
  	margin-bottom: 12px;
	}
	.blue-card.history-blue-card {
		width: 472px;
    min-height: 440px;
    padding: 40px 40px;
	}
	.image-area.history-image-area {
		min-height: 450px;
	}

	/*career*/
	.mission-value-card .card-body {
    padding: 30px;
	}
	.image-area.benefits-image-area,
	.image-area.culture-image-area {
    padding: 40px;
    min-height: 480px;
	}
	section#why-join-2 {
    padding: 50px 0;
	}
	ul.benefits-ul li {
		width: 50%
	}
	.white-card.benefits-card {
		padding: 20px;
	}
	.vacancies-btn, .join-btn {
		margin: 15px 5px;
	}
	.image-area.benefits-image-area .white-card-outer {
		padding: 0px 20px;
	}
	.image-area.benefits-image-area {
		min-height: 700px;
	}
	ul.benefits-ul li:nth-last-child(3) > p.p-heading,
	ul.benefits-ul li:nth-last-child(2) > p.p-heading {
		border-bottom: 1px solid #aaa;
	}

	/*privilez*/
	.image-area.privilez-image-area {
		min-height: 640px;
	}
	.image-area h1 {
    font-size: 28px;
	}
	.banner-text p {
    font-size: 16px;
    line-height: 22px;
  }
  /*gift*/
  .section-title.gift-section-title {
    margin-bottom: 20px;
    text-align: center;
	}
	.privilez-card-outer.gift-section {
    padding: 30px;
	}
	p.gift-card-p.text-white {
		padding: 0px 20px;
	}
	p.gift-card-p.text-white {
    font-size: 14px;
    line-height: 20px;
  }
  p.gift-card-p.text-white::after {
    left: 0px;
    top: 4px;
	}
	.gift-card-outer {
		padding: 0px 30px;
	}
	.gift-card-item {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
	}
	.git-content h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .git-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	.row.gift-cont-row {
    margin-right: -15px;
    margin-left: -15px;
	}
	.git-content-col {
    border-bottom: 1px solid #999999;
    border-right: none;
    margin-bottom: 0px;
    padding: 15px 15px;
	}
	.git-content-col:last-child {
		border: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.git-content-col .git-content p:last-child {
		margin-bottom: 0px;
	}

	/*devices*/
	.form-area.top-btn-outer {
    padding: 30px 0px;
	}
	section#devices-card {
		padding: 0px;
	}
	.device-view {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    padding: 0px;
	}
	.device-details {
    width: 100%;
	}
	.device-view img {
		width: auto;
		max-height: 280px;
    /*min-width: 200px;*/
	}
	section#device-card {
    padding: 0px 0px 40px 0px;
	}
	section#device-card-more .section-title h1,
	section#device-card-more .section-title h2 {
    text-align: center;
    font-size: 26px;
	}
	.device-more-details {
		margin-top: 20px;
	}
	h2.d-md-h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.device-details h2.price {
    font-size: 30px;
	}
	.device-main h2.devices-name span.model {
    font-size: 22px;
	}
	.device-main h2.devices-name span.band {
    font-size: 14px;
	}
	/*deals*/
	.deals-inner-fill h2.h-h2 {
		font-size: 16px;
	}
	.deals-inner-fill h1.h-h1 {
		font-size: 26px;
		margin-bottom: 5px;
	}
	.deals-inner-fill p.desc {
    font-size: 14px;
    line-height: 18px;
    width: auto;
    margin-bottom: 10px;
  }
  .image-area.deals-middle-image-area {
  	padding: 20px;
  }
  .deals-inner-fill .deals-banner-btn .btn-blue {
    min-width: 240px;
	}
	.deals-inner-left h1.h-h1 {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.deals-inner-left h2.h-h2 {
		font-size: 20px;
	}
	.deals-inner-left .deals-device-details p.desc {
		margin-bottom: 10px;
	}
	section#deals-middle {
    padding: 0px 0px 40px 0px;
	}
	.image-area.deals-last-image-area {
    min-height: 290px;
    padding: 20px;
	}
	.image-area.deals-banner {
		padding: 0px;
		min-height: 360px;
	}
	.image-area.mobiletv-banner {
		padding: 0px;
		min-height: 480px;
	}
	h2.deals-devices-name span.band {
		font-size: 16px;
		margin-bottom: 5px; 
	}
	h2.deals-devices-name span.model {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.deals-device-details h2.price {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.deals-device-details div.rating {
		margin-bottom: 10px;
	}
	.deals-device-details ul.rating .rating_item {
    font-size: 14px;
    margin-right: 8px;
	}
	.deals-device-details .rating p {
		font-size: 14px;
	}
	.deals-banner-btn .btn-blue {
		margin-right: 10px;
	}
	.deals-banner-btn .btn-blue, .deals-banner-btn .btn-white {
		height: 35px;
		line-height: 22px;
		font-size: 12px;
		min-width: 155px;
	}
	.btn-blue img, .btn-white img {
    vertical-align: middle;
    margin-left: 15px;
    width: 20px;
	}
	.deals-banner-text-inner .deals-device-details p.desc {
		font-size: 14px;
		line-height: 18px;
	}
	.mobiletv-banner-img img,
	.deals-banner-img img {
    width: 300px;
	}
	.deals-text-inner .deals-device-details p.desc {
		width: 100%;
		margin-bottom: 10px;
	}
	.deals-text-inner h2.deals-devices-name span.band {
		font-size: 16px;
	}
	.deals-text-inner h2.deals-devices-name span.model {
    font-size: 20px;
    margin-bottom: 8px;
	}
	.deals-text-inner .deals-device-details h2.price {
    font-size: 30px;
    margin-bottom: 30px;
	}
	.deals-text-inner .deals-device-details ul.rating .rating_item {
    font-size: 16px;
    margin-right: 10px;
	}
	.deals-text-inner .deals-device-details .rating p {
		font-size: 16px;
	}
	.deals-text-inner .deals-device-details div.rating {
		margin-bottom: 10px;
	}
	.image-area.deals-image-area {
    min-height: 350px;
	}
	section#deals-top {
    padding: 40px 0px 40px 0px;
	}
	.image-area.deals-middle-image-area {
		min-height: 600px;
	}
	.JobDetails-top-area {
		display: block;
	}
	.top-cont-area {
    float: left;
    width: 100%;
    margin-bottom: 20px;
	}
	.JobDetails-top-area .btn.btn-search {
    width: 200px;
    line-height: 28px;
    font-size: 12px;
    height: 40px;
	}
	/*new 6sep*/
	.banner-text.contact-banner {
		top: 20%;
	}
	.event-gallery-area > img {
    width: 90px;
	}
	.nomination-winner-area > img {
    width: 90px;
	}
	#award-showcase h3 {
		margin: 25px 0;
	}
	#contact-area {
		display: block;
	}
	#contact-area .feedback-form {
		width: 100%;
	}
	#contact-area .map-area {
		width: 100%;
	}
	.contact-form-area {
    width: 100%;
    padding-right: 0px;
	}
	#contact-area .feedback-form {
		padding: 40px 0;
	}
	ul#ContactTab {
		margin: 20px 0;
	}
	#contact-area .map-area {
		height: 350px;
	}
	.contact-form-area .view-details {
		float: left;
		margin-top: 10px;
	}
	#customer-service {
		padding: 50px 0;
	}
	ul.contact-lists {
		margin-top: 30px;
	}
	.service-contacts {
		padding: 30px;
	}
	ul.contact-lists li:nth-child(1) {
		padding-right: 20px;
	}
	.nominations-img-info {
		padding: 20px;
	}
	.nominations-img-info h4 {
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
	}
	.ussd-box.service-charge-box {
		padding: 15px;
	}
	.ussd-box.service-charge-box h2 {
		font-size: 17px;
	}
	.icons img {
    width: 30px;
	}
	.charge-box-details h3 {
		font-size: 14px;
	}
	.charge-box-details h4 {
		font-size: 14px;
	}
	.flipbook2-area {
		width: 100%;
	}
	#flipbook-items {
		background-size: cover;
		background-image: url(../images/left-slider-bg.png), url(../images/catalogue-slider-bg.png) !important;
		background-size: contain, cover;
		background-position: right, left;
	}
	#flipbook-items .owl-dots {
		display: none;
	}
	#flipbook-items button.owl-prev {
		right: 10px;
	}
	#flipbook-items button.owl-next {
		left: 10px;
	}
	ul.offer-points {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	#offer-broadbandPro,
	#wireless-broadband-video,
	#access-broadbrand,
	#additional-info,
	#about-points,
	#cable-points-content,
	#access-broadbrand,
	section#about-homeline-prepaid,
	#fixedline-prepaid-faqs,
	#offer-broadbandPro,
	#additional-info,
	#broadband-cost,
	#we-offer,
	#xtra-booster {
    padding: 40px 0;
	}
	.wireless-packages-area {
		padding: 40px 0 !important; 
	}
	#offer-broadbandPro {
		padding-bottom: 30px;
	}
	#access-broadbrand .section-title {
		margin-bottom: 0px;
	}
	.giga-ctas {
		margin-top: 25px;
	}
	.giga-boosters span.disclimer-text {
		font-size: 14px;
	}
	.giga-boost .wireless-packages {
		width: 100%;
		margin-left: 0px;
	}
	#giga-boost-slider.owl-carousel .owl-stage {
		display: flex;
	}
	#giga-boost-slider.giga-boost .wireless-packages {
		height: 100%;
	}
	.wireless-packages h2 {
		font-size: 18px;
	}
	.points-info {
		padding-right: 0px;
	}
	.points-info h2 {
		font-size: 25px;
	}
	.accumulate-info h2 {
		font-size: 26px;
	}
	.points-info p {
		margin-top: 10px;
	}
	.award-winner-section {
    margin-top: 30px;
	}
	.cable-award-winner {
		margin-top: 20px;
	}
	.points-info.padd-right-0 {
		padding-left: 0px;
		margin-top: 25px;
	}
	.accumulate-info {
		padding: 30px;
		transform: translate(-50%, 50%);
	}
	.accumulate-info ul li {
		font-size: 15px;
		padding: 10px 25px;
	}
	.accumulate-info p {
		font-size: 15px;
		line-height: 22px;
	}
	#accumulate-content {
		min-height: 465px;
		padding: 15px;
	}
	.cable-award-winner {
		display: flex;
		flex-direction: column-reverse;
	}
	.content-of-winner {
		float: left;
		width: 100%;
		padding: 30px;
	}
	.content-of-img {
		float: left;
		width: 100%;
	}
	.content-of-winner h3 {
		font-size: 25px;
	}
	.about-clicks h3 {
		line-height: 24px;
    font-size: 22px;
    margin-bottom: 10px;
	}
	.about-clicks p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
	}
	ul.buy-clicks-list li {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.click-boosters .giga-boost {
		display: flex;
		flex-wrap: wrap;
	}
	.click-boosters .giga-boost .wireless-packages {
    width: 49%;
    margin-right: 2%;
    flex: auto;
	}
	.click-boosters .giga-boost .wireless-packages:nth-child(2n) {
		margin-right: 0px;
	}
	.click-boosters .giga-ctas {
		margin: 15px 0;
	}
	#about-homeline-prepaid .section-title h1,
	#about-homeline-prepaid .section-title h2 {
		font-size: 26px;
	}
	#about-homeline-prepaid .section-title p {
		margin-bottom: 0px;
	}
	.service-content {
		display: block;
		margin-top: -31%;
		margin-bottom: 10%;
	}
	.service-content .left-side.theme-bg {
		width: 100%;
	}
	.service-content .right-side {
		width: 100%;
	}
	.service-content .left-side.theme-bg h3 {
		font-size: 25px;
	}
	.service-info h2 {
		font-size: 26px;
	}
	.left-area {
		margin-top: 20px;
	}
	.right-area {
		margin-top: 20px;
	}
	ul.cast-list {
		margin-top: 10px;
	}
	#voucher h3 {
    font-size: 26px;
	}
	#broadband-cost .section-title span {
		font-size: 16px;
	}
	ul.plan-cost-list li {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	ul.offers-points li {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#access-broadbrand .section-title {
		margin-bottom: 0px;
	}
	.wireless-packages {
		margin-bottom: 25px;
	}
	#xtra-booster .section-title {
		margin-bottom: 0px;
	}
	.iphone-left-showcase > img,
	.iphone-right-showcase > img {
		width: 100%;
    text-align: center;
    margin: 0 auto;
    float: none;
    max-height: 230px;
	}
	.showcase-content {
		float: left;
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
	#access-broadbrand .section-title.mb-postpaid-bottom-section {
		text-align: center;
	}
	.cw-btn.shopnow-btn.btn.white-arrow-btn {
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    width: 200px;
    height: 42px;
	}
	.mb-postpaid-cont-section .section-title.text-left.left-side {
    padding-right: 50px;
	}
	.mb-postpaid-banner-text .banner-text-inner {
		width: 95%;
	}
	.mb-prepaid-topup .wireless-packages {
    max-width: 23.5%;
  }
  .mb-prepaid .mb-prepaid-topup .wireless-packages:nth-child(4n+1) {
    margin-left: 0px;
	}
	.mb-prepaid-topup .wireless-packages:nth-child(5n+1) {
    margin-left: 2%;
	}
	.mb-prepaid-topup .wireless-packages:nth-child(4n+1) {
		margin-left: 0px;
	}
	.mb-prepaid-topup .wireless-packages {
    padding: 15px;
	}
	section#why-join-1 {
    padding: 50px 0;
	}
	.section-title.text-left.mpre-left-cont h2 {
    font-size: 22px;
	}
	#iptv-section .section-content h2 {
    font-size: 28px;
  }
  ul.web2sms-start li {
  	width: calc((100% - 24px) / 3);
  }
  ul.web2sms-start li:nth-child(3n+1) {
  	margin-left: 0px;
	}
	section#groupcall_network {
    padding: 50px 0px 20px 0px;
	}
	section#groupcall_work {
    padding: 50px 0px 50px 0px;
  }
  .groupcall-blue-cont-area .right-side,
  .groupcall-blue-cont-area .left-side {
  	padding: 30px;
  }
  section#groupcall_screens .img-part {
    padding: 50px 0px 40px 0px;
	}
	.avaiable-image-area .section-title.text-left {
		padding: 0px;
	}
	.packages:first-child {
    margin-left: 0px;
	}
	.packages {
    float: left;
    width: calc((100% - 20px) / 3);
    display: block;
    margin-bottom: 20px;
    margin-left: 10px;
	}
	.package-name {
    float: left;
    width: 100%;
    padding: 30px 0px;
    display: block;
	}
	.package-body {
    float: left;
    width: 100%;
    display: block;
	}
	.avaiable-image-area .package-body .features {
    text-align: center;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    float: left;
    width: 100%;
	}
	.avaiable-image-area .package-body .features:last-child {
    border-right: none;
    border-bottom: none;
	}
	div.heading h2,
	.avaiable-image-area .package-name h2 {
		font-size: 20px;
	}
	.image-area.subscribe-image-area {
    padding: 70px;
    min-height: 620px;
	}
	.white-card.subscribe-white-card {
    min-height: 350px;
    padding: 70px 50px 50px 50px;
	}
	.image-area.subscribe-image-area .white-card h2 {
    line-height: 24px;
    font-size: 22px;
	}
	.card.missedcall-white-card {
		padding: 30px;
	}
	.fb-icon {
		padding: 15px 25px;
		width: 70px;
	}
	.fb-content p,
	.fb-content {
		padding-right: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	form.eDirectory-form {
    width: 100%;
    padding: 30px 20px;
	}
	.eDirectory-form button {
		padding: 10px 15px;
		margin-left: 10px;
	}
	form.eDirectory-form input {
		width: calc(100% - 70px);
    font-size: 14px;
	}
	a.form-cta {
		font-size: 14px;
	}
	.right-blue-part {
    padding: 40px;
	}
	.right-blue-part .section-title {
    width: 260px;
	}
	.section-title p,
	section#KredEx .section-title p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px; 
	}
	section#me2u-w .img-part {
    padding: 40px 40px 40px 40px;
    min-height: 1140px;
	}
	.blue-cont-area .left-side p, .blue-cont-area .right-side p {
		font-size: 14px;
		line-height: 20px;
	}
	.down-cont {
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.down-cont h2 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	.image-area.uchat-image-area {
		padding: 60px 80px 30px 80px;
	}
	.right-blue-part .section-title h1,
	.right-blue-part .section-title h2,
	.uchat-blue-box h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.right-blue-part.uchat-right-blue-part {
		padding: 40px;
	}
	section#keywordTable .section-title.text-center.grey-bg {
    padding: 20px 0px 10px 0px;
	}
	section#keywordTable .section-title.text-center.grey-bg h2 {
		font-size: 22px;
		line-height: 26px;
	}
	.table-responsive.custom-tbl-outer {
    margin-top: -60px;
    padding: 0px 30px;
  }
  span.tbl-h-bg {
  	height: 60px;
  }
	.table.custom-tbl thead th {
    height: 60px;
    line-height: 34px;
    font-size: 16px;
  }
  .outer-table {
  	margin-bottom: 20px;
  }
  .cable-kiosk-box.with-three-vertical-div {
    float: left;
    width: 100%;
    margin-bottom: 30px;
	}
	.cable-kiosk-box {
		/*width: 50%;*/
		width: 33.33%;
		padding: 0 10px;
	}
	.cable-item.equal-height {
		padding: 20px;
	}
	.app-box {
    width: 100%;
    margin-bottom: 20px;
    padding: 0px;
  }
	.app-box:last-child {
		margin-bottom: 0px;
	}
  .applications-area {
  	margin-top: 20px;
  }
  #register-plan-area {
  	padding: 40px 0px;
  }
  #form-submit-cta {
    padding: 40px 0;
	}
	#form-submit-cta form.submit-all-selections {
		width: 100%;
	}
	.full-width.tab-item-left-img .right-blue-part .section-title h1, 
	.full-width.tab-item-left-img .right-blue-part .section-title h2, 
	.full-width.tab-item-right-img .right-blue-part .section-title h1, 
	.full-width.tab-item-right-img .right-blue-part .section-title h2,
	.tab-item-cont h2 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	.tab-item-outer:nth-child(odd) .tab-item-img {
		width: 300px;
		margin-right: 20px;
	}
	.tab-item-outer:nth-child(even) .tab-item-img {
		width: 300px;
		margin-left: 20px;
	}
	.tab-item-outer:nth-child(even) .tab-item-cont, 
	.tab-item-outer:nth-child(odd) .tab-item-cont {
		width: calc(100% - 320px);
	}
	.cws-foundation-tab .full-width.tab-item-left-img .right-blue-part .section-title, 
	.cws-foundation-tab .full-width.tab-item-right-img .right-blue-part .section-title {
    width: 302px;
	}
	.section-title.cws-foundation-section .JobDetails-item-ul li {
		font-size: 14px;
		line-height: 20px;
		padding-left: 20px;
	}
	.store-icon a img {
		width: 100px;
	}
	.app-store {
		margin-left: 10px;
	}
	.i2 .item-content h3 {
		font-size: 20px;
		line-height: normal;
	}
	.i2 .item-content p {
		font-size: 16px;
	}
	.mobiletv-banner-btn a {
    margin-right: 10px;
	}
	.mobiletv-banner-btn a img {
    width: 120px;
	}
	.mobiletv-started-img {
		top: -50px;
		width: 272px;
	}
	section#groupcall_work ul li, 
	ul.groupcall_work_ul li {
		margin-bottom: 10px;
		line-height: 20px;
	}
	.offeritem p.heading {
    font-size: 14px;
    line-height: 20px;
	}
	.offeritem p.heading {
		padding: 10px 10px 10px 0px;
	}
	.offeritem p.cont {
		padding: 10px 10px;
	}
	ul.mobiletv_watching_ul {
    padding-right: 160px;
	}
	.wide-white-card p {
    padding-left: 200px;
	}
	.wide-white-card {
    padding: 15px;
    margin-bottom: 30px;
	}
	.wide-white-card.float-right {
    margin-top: 0px;
    margin-bottom: 0px;
	}
	.card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image {
    max-width: 300px;
    padding: 0px 0px 15px 0px;
	}
	.card.mobiletv-guide-card p, .card.mobiletv-guide-card p.desc {
		margin-bottom: 10px;
	}
	.card.mobiletv-guide-card {
		padding: 0px;
	}
	.sinemax-card {
    padding: 40px 20px;
	}
	.blog-card .card-body {
    min-height: 225px;
	}
	.setting-box p {
    margin-top: 0px;
    width: calc(100% - 210px);
    vertical-align: middle;
	}
	.setting-label {
    padding: 20px;
    width: 184px;
    margin-right: 10px;
	}
	.use-roaming {
		padding: 30px 50px;
	}
	#roaming-content {
    padding: 40px 0px 30px 0px;
	}
	.raoming-features h4 {
    font-size: 18px;
    line-height: 22px;
	}
	.raoming-features {
		margin-top: 10px;
	}
	.feature-box .icon {
    width: 15%;
    margin-right: 10px;
	}
	.feature-box .icon-content {
    float: left;
    width: calc(100% - (15% + 10px));
	}
	#postpaid-tips h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .tips-item {
  	margin-top: 30px;
  	margin-bottom: 20px;
  }
  #postpaid-tips .tips h5 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 24px;
	}
  #postpaid-tips .tips {
  	padding: 20px;
  }
  #postpaid-tips .tips ul li span {
  	font-size: 14px;
  	line-height: 20px;
  }
  #postpaid-benefits-area,
  #postpaid-tips {
    padding: 50px 0;
  }
  .postpaid-txt h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
	}
	.postpaid-benefits h5 {
    font-size: 20px;
    line-height: 24px;
  }
	#prepaid-roaming-partners h2 {
    font-size: 24px;
	}
	#prepaid-roaming-partners .left-side h4 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
	}
	#prepaid-roaming-partners .left-side {
    width: 100%;
    padding-right: 0px;
    float: left;
	}
	#prepaid-roaming-partners .right-side {
    width: 100%;
    padding-left: 0px;
    float: left;
	}
	.manually-operator {
		padding: 30px 20px 30px 20px;
		margin-top: 10px;
	}
	.manually-operator h4 {
		margin-bottom: 10px;
	}
	.manually-operator p {
		margin-top: 15px;
	}
	.setting-box p {
		margin: 0px;
	}
	.setting-label {
    padding: 12px;
  }
  #roaming-overseas h5 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
	}
	#roaming-overseas p {
		margin-top: 10px;
	}
	#roaming-overseas {
		padding: 50px 0px;
	}
	.faqs-items h3 {
    font-size: 18px;
    line-height: normal;
  }
  .accordion.faqs-list .card-body p,
  .accordion.faqs-list .card-header a {
    font-size: 14px;
    line-height: 20px;
	}
	section#cws-foundation {
    padding: 40px 0px 0px 0px;
	}
	.live-img-cta h4 {
		margin-top: 15px !important;
	}
	.btn.white-arrow-btn.bundle-btn {
    line-height: 27px;
    width: 220px;
    height: 38px;
    font-size: 14px;
	}
	#mobiletv-offer-price .btn.white-arrow-btn.bundle-btn {
		height: 42px;
	}
	#mobiletv-offer-price .btn.white-arrow-btn.bundle-btn:after {
		height: 13px;
	}
	.giga-boost .wireless-packages {
    padding: 20px 10px;
	}
	.giga-boost .wireless-packages h2 {
    margin-bottom: 15px;
    margin-top: 10px;
	}
	.wireless-packages > h4 {
    font-size: 14px;
	}
	.wireless-packages h3 {
    font-size: 14px;
	}
	.wireless-packages h5 {
    font-size: 16px;
	}
	.giga-boost.broadband-pro {
    margin-top: 15px;
	}
	.wireless-packages-area .wireless-packages-outer-row {
  	margin-top: 15px;
  }
	section#xtra-booster .section-title.text-center.wbr-xtra-booster-st {
    margin-bottom: 20px;
	}
	.mb-prepaid-topup.mb-prepaid-pack {
    margin-top: 20px;
	}
	.ussd-list-items .col-lg-4 {
    margin-bottom: 20px;
  }
  section#groupcall_network ul {
  	margin-top: 10px;
  }
  section#groupcall_work ul li, ul.groupcall_work_ul li {
  	font-size: 14px;
  	line-height: 20px;
  	font-weight: 400; 
  }
  div#groupcall_screens_slides {
    margin-top: 30px;
	}
	.content-of-winner p {
    margin-top: 5px;
    margin-bottom: 0px;
	}
	section#who-we-are-static, section#who-we-are {
    padding: 40px 0;
	}
	.vacancies-form .form-row {
		margin-bottom: 10px;
	}
	form.vacancy-form select.form-control.custom-select {
		font-size: 14px;
		line-height: 20px;
	}
	.image-area.vacancies-banner {
    min-height: 380px;
	} 
	#contact-area .feedback-form.only-desktop {
		display: none;
	}
	#contact-area .feedback-form.only-mobile {
		position: static;
	}
	.job-apply-registration-form {
    margin-right: -15px;
    margin-left: -15px;
	}
	.job-apply-registration-form .form-group {
    padding-left: 15px;
    padding-right: 15px;
	}
	span.custom-file-upload-val {
    left: 125px;
    padding: 12px;
    width: calc(100% - 140px);
	}
	label.custom-file-upload {
    padding: 12px;
    left: 15px;
    width: 110px;
	}
	#leadership-card {
    padding: 40px 0px 10px 0px;
	}
	.leadership-card .card-img-overlay .card-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .leadership-card .card-img-overlay {
  	padding: 10px;
  }
  #mobile-tv-boosters .row.blog-card-outer-row {
  	margin-right: -10px;
  	margin-left: -10px;
  }
  #mobile-tv-boosters .blog-card-outer {
  	padding-left: 10px;
  	padding-right: 10px;
  	margin-bottom: 20px;
  }
  #mobile-tv-boosters .card.offercard .card-body {
    padding: 15px 15px;
  }
  .boosters-cta p {
  	margin-bottom: 10px;
  }
  .fb-booster-txt {
  	padding: 0px;
  }
  .fb-booster-customers ul {
  	margin: 20px 0px 0px 0px;
  }
  .plan-info {
    min-height: 330px;
	}
	.plan-tag {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 40px;
	}
	.choose-data-booster h5 {
    font-size: 18px;
    line-height: 22px;
	}
	ul.inter-connect-list > li {
    width: 165px;
    padding: 15px;
    margin: 0px 5px;
	}
	#connect-booster h5 {
		margin: 15px 0px;
	}
	.plan-box {
    width: calc(50% - 10px);
	}
	.search-result-outer {
		padding: 40px 30px;
	}
	.search-result-outer h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 25px;
	}
	.search-result-outer .faq-body-items {
		padding: 0px 0px 10px 0px;
	}
	#search-result-body {
    padding: 40px 0px 60px 0px;
  }
  #iptv-packages .plan-register {
    margin-top: 0px;
    margin-bottom: 10px;
	}
	.col-md-7.b-white-card-outer .b-white-card ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
	}


}	
@media (max-width: 845px) {
	ul.right-actions li {
		padding: 0 5px;
	}
	ul.right-actions li a img {
		margin-left: 5px;
	}
}
@media (max-width: 768px) {
	.section-title {
    text-align: left;
	}
	.section-title h1,
	.section-title h2 {
		font-size: 22px;
		margin-bottom: 10PX;
	}
  #fixedline-prepaid-faqs .section-title h2 {
  	text-align: center !important;
  }
	.zoom:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
	}
	.live-photo-hero2 {
		margin-bottom: 20px;
	}
	.live-photo-hero2, .live-photo-hero3 {
		width: 100%;
	}
	.grid-item.i0 .live-img-cta,
	.grid-item.i1 .live-img-cta {
		position: relative;
		padding: 0px;
		bottom: -140px;
	}
	.grid-item__height {
		overflow: visible;
		padding-bottom: inherit;
		height: 200px;
	}
	.grid-item.i1 {
		padding-bottom: 80px;
	}
	.live-photo-hero1 {
		padding-bottom: 100px;
	}
	.grid-item.i1 .live-img-cta {
		bottom: -300px;
	}
	.i1 .grid-item__height {
    padding-bottom: inherit;
    height: 360px;
	}
	.live-img-cta h4 {
		color: #000;
		font-size: 16px;
		line-height: normal;
		margin-top: 15px !important;
	}
	.live-img-cta h4 span {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
	}
	.grid-item.i0 .live-img-cta a.cw-btn,
	.grid-item.i1 .live-img-cta a.cw-btn {
		margin-left: 20px;
		font-size: 14px;
    width: 170px;
    padding: 10px;
	}
	.live-photo-hero2 .live-img-cta h4 br, 
	.live-photo-hero3 .live-img-cta h4 br {
		display: none
	}
	/*a.cw-btn:hover img {
		margin-left: 0px;
	}*/
	.live-img-cta a.cw-btn img {
		margin-left: 0px;
	}
	#iphone-section {
    background: #f2f2f2;
    padding: 60px 0;
	}
	#more-then-wireless {
		background: #fff;
		padding: 60px 0;
	}
	.iphone-left-showcase, 
	.iphone-right-showcase {
		background: #fff;
		max-width: 400px;
		padding: 60px 20px;
		box-shadow: 10px 0 18px rgba(0,0,0,0.05);
		margin-left: 20px;
		flex: 1;
		display: block;
	}
	.iphone-right-showcase {
		float: left;
	}
	.quick-item-links {
		padding: 40px 20px 0 20px;
	}
	.fb-article-content {
		padding-top: 30px;
	}
	.fb-icon {
		margin-top: -50px;
		margin-right: 30px;
	}
	ul.service-menu li {
		padding: 0 8px;
		display: inline-block;
	}
	.showcase-item {
		width: 870px;
		display: flex;
	}
	.iphone-showcase {
		overflow-y: scroll;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 0px;
		margin-bottom: 0px;
		-webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
		scrollbar-width: none;
	}
	.iphone-showcase::-webkit-scrollbar {
  	width: 0 !important;
  }
  #iphone-section .section-title {
  	padding: 0 15px;
  }
  .showcase-content {
  	padding-top: 50px;
  }
  #iphone-section {
  	padding-bottom: 30px;
  	padding-top: 50px;
  }
  .desktop-footer {
  	display: none;
	}
	footer {
		padding: 40px 0;
	}
	ul.social-media {
    padding-top: 0px;
    margin-bottom: 0px;
	}
	.top-btn-outer {
    padding: 10px 0px;
	}
	.blog-details-card .card-title {
    font-size: 22px;
    line-height: 24px;
	}
	.blog-details-card .card-text.date {
    font-size: 14px;
	}
	.blog-details-cont {
    margin-top: 30px;
	}
	.blog-details-cont p {
		margin-bottom: 10PX;
	}
	.blog-details-card .card-body {
    padding: 20px 20px;
	}
	h2.main-heading {
    font-size: 24px;
    line-height: normal;
	}
	.heading-area {
    margin-bottom: 30px;
	}
	section#blog-card-related-article {
    padding: 30px 0px 10px 0px;
  }
	.select-year {
		float: right;
		width: 48%;
	}
	.select-event {
		float: left;
		width: 48%;
		margin-right: 0px;
	}

	/*fixedline-postpaid*/
	.plans-area {
		margin-top: 0px;
	}
	#packages-area .section-title h1,
	#packages-area .section-title h2 {
		font-size: 30px;
		text-align: center;
	}
	#faqs-area .section-title h1,
	#faqs-area .section-title h2 {
		text-align: center;
	}
	.blue-card.history-blue-card {
    width: 100%;
   	min-height: auto;
    padding: 30px 30px 50px 30px;
	}
	/*privilez*/
	section#privilez .section-title {
    text-align: center;
	}
	section#privilez .section-title h1,
	section#privilez .section-title h2 {
    font-size: 24px;
	}
	section#privilez .section-title p {
    font-size: 14px;
    line-height: 20px;
	}
	section#privilez .or-div p.or-p {
		line-height: 48px;
	}
	.form-group.partner-form-select {
    width: calc(100% - 187px);
    padding-right: 30px;
	}
	form.partner-form button.btn.btn-search {
    width: 177px;
  }
  form.partner-form button.btn.btn-search img {
  	width: 24px;
  }
  h2.privilez-card-h2.text-white {
  	font-size: 18px;
  	line-height: normal;
  	margin-bottom: 30px;
  }
  .privilez-card-outer {
  	padding: 30px;
  }
  .or-div p.right,
  .or-div p.left {
    text-align: center;
    float: left;
    width: 100%;
	}
	.or-div p.or-p {
		float: none;
		margin: 20px auto;
	}
	.or-div {
		padding: 10px;
	}
	.partner-item {
    width: 33.33%;
    padding: 20px;
    margin-bottom: 10px;
	}
	.partner-list {
    margin-top: 20px;
	}
	/*new 6sep*/
	#about-award {
		padding: 40px 0;
		padding-bottom: 20px;
	}
	#award-showcase {
		display: block;
	}
	#award-showcase > div {
		min-height: 500px;
	}
	.nomination-winner-area {
		float: left;
		width: 100%;
		right: 0;
		bottom: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.event-gallery-area {
		float: left;
		width: 100%;
		bottom: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#award-showcase h3 {
		font-size: 25px;
	}
	#award-showcase .view-details {
		padding: 10px 20px;
		width: 200px;
	}
	ul.contact-lists li {
		width: 50%;
		border-top: none;
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.contact-lists li:nth-child(1) {
		border-left: none;
	}
	ul.contact-lists li:nth-child(2),
	ul.contact-lists li:nth-child(5) {
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
		border-left: none;
	}
	ul.contact-lists li:nth-child(3n) {
		width: 50%;
		padding-left: 20px;
		padding-right: 20px;
		border-left: none;
	}
	ul.winner-imgs li {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	ul#winnerTab {
		width: 100%;
	}
	.view-all-cta {
		width: 100%;
		margin-top: 20px;
	}
	#ussd-code .section-title {
		margin-bottom: 0px;
	}
	.ussd-list-items {
		display: block;
	}
	.ussd-box.service-charge-box h2 {
		font-size: 22px;
	}
	.charge-box-details h3,
	.charge-box-details h4 {
    font-size: 18px;
	}
	.ussd-box.service-charge-box {
		margin-bottom: 20px;
		padding: 25px 30px;
	}
	.icons img {
    width: 40px;
	}
	.icons {
    float: left;
    width: 15%;
	}
	.charge-box-details {
		width: calc(100% - 15%);
	}
	.ussd-list-items {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#ussd-code .section-title h1,
	#ussd-code .section-title h2 {
		font-size: 25px;
	}
	.giga-ctas {
    margin-top: 0;
	}
	.giga-boosters span.disclimer-text {
		margin-bottom: 15px;
	}
	.points-info h2 {
		font-size: 20px;
	}
	.accumulate-info h2 {
		font-size: 22px;
	}
	.accumulate-info ul li {
		display: block;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.accumulate-info {
		transform: translate(-50%, 20%);
	}
	.content-of-winner h3 {
		font-size: 22px;
	}
	#terms-conditions-area {
		padding: 40px 0;
	}
	.about-clicks h3 {
		font-size: 22px;
	}
	.about-clicks p,
	ul.buy-clicks-list li {
		font-size: 14px;
		line-height: 22px;
	}
	ul.buy-clicks-list li {
		margin-bottom: 10px;
	}
	.service-content {
		margin-top: -46%;
	}
	.faqs-question-mark {
		margin-bottom: 20px;
	}
	.service-info h2 {
		text-align: left;
	}
	.left-area {
		width: 100%;
		padding-right: 0px;
		margin-top: 0px;
	}
	.right-area {
		width: 100%;
		padding-left: 0px;
		margin-top: 0px;
	}
	.mobile-settings-content .access-box {
		margin-bottom: 20px;
    padding: 20px;
	}
	.ussd-box {
		margin-bottom: 15px;
		padding: 20px;
	}
	.ussd-box h4 {
		margin-bottom: 10px;
	}
	.broadband-access .access-box {
		padding: 25px;
		margin-bottom: 20px;
	}
	.access-box p {
		font-size: 14px;
		line-height: 20px;
	}
	#voucher h3 {
    font-size: 22px;
	}
	form.verify-form {
    width: 70%;
	}
	.verified-area h5 {
		font-size: 18px;
	}
	.g-recaptcha > div {
		/*height: 100px !important;*/
		height: 75px !important;
	}
	.registration-form .g-recaptcha > div {
		height: 100px !important;
	}
}	
@media (max-width: 845px) {
	ul.right-actions li {
		padding: 0 5px;
	}
	ul.plan-cost-list {
		text-align: center;
		margin-left: -10px;
	}
	ul.plan-cost-list li {
		font-size: 15px;
	}
	ul.plan-cost-list li:first-child {
		margin-left: 10px;
	}
	ul.offers-points li {
		width: 100%;
	}
	.wireless-packages {
		margin-bottom: 15px;
	}
	.xtra-boosters-box {
		padding: 20px;
		margin-bottom: 20px;
	}
	.xtra-boosters-box h2 {
		font-size: 24px;
	}
	.xtra-boosters-box p {
		font-style: 16px;
	}
	.grid-item.i1 {
    width: 100%;
    margin-bottom: 15px;
	}
	.grid-item.i2 {
		width: 100%;
		margin-bottom: 20px;
	}
	#app-store {
		padding: 40px 0;
	}
}
@media(max-width: 840px) {
	.cable-item.equal-height {
		padding: 20px 5px;
	}
	.cable-kiosk-box {
		padding: 0 5px;
	}
}

@media (max-width: 485px) {
	/* covid-19 Education Allowance */
	/*.vacancies-cont-area.covid-form .form-control {
		font-size: 10px;
	}*/
	.vacancies-cont-area.covid-form .form-control::placeholder {
	  font-size: 10px;
	}
}
@media (max-width: 575px) {
	/* covid-19 Education Allowance */
	.vacancies-cont-area.covid-form {
	  padding:40px 60px;
	}
	.top-form-area.covid-blue {
    padding: 40px;
	}
	.covid-form li {
  	font-size: 12px;
  }
  .top-form-area.covid-blue p {
  	font-size: 14px;
  }
  .top-form-area.covid-blue h1 {
	  font-size: 30px;
	}
	.covid-check .custom-control-label {
  	font-size: 13px;
	}
	.covid-form button {
		padding: 10px 20px;
		font-size: 12px;
	}
	.vacancies-cont-area.covid-form input.form-control {
		margin-bottom: 20px;
	}
	.covid-blue a {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
	/*vacancies*/
	.vacancies-cont-area.covid-form {
	  padding:60px 80px;
	}
	.top-form-area.covid-blue {
    padding: 40px 60px;
  }
	/*.vacancies-cont-area.covid-form .form-control {
		font-size: 12px;
	}*/
	.vacancies-cont-area.covid-form .form-control::placeholder {
	  font-size: 12px;
	}
	.top-form-area {
    padding: 0px 15px 10px 15px;
	}
	.form-group.col-md-10.inputText {
    max-width: 100%;
	}
	.form-group.col-md-2.inputText-btn {
    max-width: 100%;
    text-align: center;
	}
	button.btn.btn-search {
    width: 50%;
	}
	.form-group.col-md-2.inputText-btn {
    max-width: 100%;
    text-align: center;
	}
	.vacancies-cont-area {
    padding: 20px 15px 20px 15px;
	}
	.vacancies-form {
		margin-bottom: 20px;
	}
	/*blog*/
	.blog-card:hover .inner-cont-body {
    position: static;
    transform: translateY(0);
    -ms-transform: translateY(0);
	}
	.inner-cont-body {
		position: static;
	}
	.readmore-btn {
		display: none;
	}
	/*career*/
	.mission-value-card .card-body {
    padding: 20px 20px;
	}
	.mission-value-card .card-body h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.mission-value-card .card-body p.card-text.cont {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	ul.mission-value-ul li {
		width: 100%;
		margin-left: 20px;
		margin-right: 0px;
	}
	p.p-heading {
    font-size: 16px;
    line-height: 20px;
	}
	.image-area.benefits-image-area {
		padding: 0px;
	}
	.white-card h2 {
		font-size: 20px;
	}
	.image-area.benefits-image-area .white-card-outer {
		padding: 0px;
	}
	.vacancies-btn, .join-btn {
    margin: 15px 5px;
	}
	ul.benefits-ul li {
    width: 100%;
    padding: 5px 30px;
	}
	.benefits-ul li p.p-heading {
		font-size: 14px;
	}
	.image-area.culture-image-area {
    min-height: 450px;
    padding: 40px;
	}
	.image-area.culture-image-area .white-card-outer {
		padding: 0px;
	}
	section#benefits .section-title h1,
	section#benefits .section-title h2,
	section#mission-value .section-title h1,
	section#mission-value .section-title h2 {
		margin-bottom: 20px;
	}
	section#benefits,
	section#mission-value {
    padding: 40px 0px 40px 0px;
	}
	section#why-join-1 {
    padding: 40px 0 30px 0;
	}
	ul.benefits-ul li:last-child p.p-heading {
		border: none;
	}
	ul.benefits-ul li:nth-last-child(3) > p.p-heading,
	ul.benefits-ul li:nth-last-child(2) > p.p-heading,
	ul.mission-value-ul li:nth-last-child(2) {
		border-bottom: 1px solid #aaa;
	}

	/*privilez*/
	.partner-form .form-row {
		margin-right: -15px;
		margin-left: -15px;
	}
	.partner-form .form-row>.col, .partner-form .form-row>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
	}
	.form-group.partner-form-select-outer {
    display: table;
	}
	.form-group.partner-form-select {
    width: 100%;
    padding-right: 0px;
	}
	.search-partner h3 {
    margin-bottom: 20px;
    font-size: 18px;
	}
	.search-partner {
    margin-top: 20px;
	}
	section#partner {
    padding: 20px 0px;
	}
	.image-area.privilez-cable-image-area {
		padding: 20px;
		min-height: 540px;
	}
	.image-area.privilez-cable-image-area .white-card-outer {
		padding: 0px;
	}
	.privilez-card-outer.gift-section {
    padding: 20px 0px;
    position: relative;
	}
	.section-title.gift-section-title {
    margin-bottom: 10px;
    text-align: center;
	}
	.section-title.gift-section-title p.gift-card-p.text-white {
		padding: 0px;
	}
	p.gift-card-p.text-white {
    margin-bottom: 10px;
	}
	.col-sm-6.gift-card-6:nth-child(2n) {
		border: none;
	}

	/*devices*/
	.col-lg-3.col-md-6.devices-card-outer {
    margin-bottom: 20px;
	}
	ul.d-md-ul li {
		width: 100%;
	}
	.devices-cont .cont-item {
		display: block;
	}
	.devices-cont p.desc {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px solid #d5d5d5;
	}
	.devices-cont p.desc:last-child {
		margin-bottom: 0px;
	}
	/*deals*/
	.deals-banner-text-inner {
    display: flex;
    flex-direction: column-reverse;
	}
	.deals-banner-img, 
	.deals-device-details {
    float: left;
    width: 100%;
	}
	.deals-banner-img {
		text-align: center;
		margin-bottom: 40px;
	}
	.deals-banner-img img {
		float: none;
    max-width: 300px;
	}
	.image-area.deals-banner {
		padding: 40px 0px;
	}
	.deals-banner-btn .btn-blue, .deals-banner-btn .btn-white {
		min-width: 145px;
	}
	.image-area.deals-image-area .deals-text-inner {
    flex-direction: column;
	}
	.image-area.deals-image-area {
		padding: 20px;
	}
	.image-area.deals-image-area .deals-text-inner .deals-banner-img img {
    float: none;
    width: 100%;
	}
	.image-area.deals-image-area .deals-text-inner .deals-banner-img {
		padding: 0px;
	}
	section#deals-middle .col-md-6 {
    margin-bottom: 40px;
	}
	section#deals-middle .col-md-6:last-child {
    margin-bottom: 0px;
	}
	.JobDetails-top-area h2 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 22px;
	}
	.JobDetails-item h2, 
	h2.JobDetails-item-h2 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 20px;
	}
	.vacancies-form.JobDetails-head {
    margin-top: -205px;
	}
	.JobDetails-btn-div {
		margin-top: 10px;
	}
	.form-area.top-btn-outer {
    padding: 15px 0px;
	}
	.JobDetails-top-area p {
    font-size: 14px;
    line-height: 18px;
	}
	p.JobDetails-item-p {
    margin-bottom: 10px;
    margin-top: 10px;
	}
	.JobDetails-item,
	p.JobDetails-item-p:last-child {
    margin-bottom: 15px;
	}
	.JobDetails-item-ul li p {
		margin-bottom: 10px;
	}
	.JobDetails-item-ul li:last-child {
    margin-bottom: 5px;
	}
	.deals-inner-left h2.h-h2 {
    font-size: 16px;
	}
	.deals-inner-left h1.h-h1 {
    font-size: 22px;
  }
  .image-area.deals-last-image-area .deals-inner-left {
  	float: left;
  	width: 100%;
  }
	.image-area.deals-last-image-area .deals-device-details {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.5);
    padding: 10px;
	}
	.image-area.deals-last-image-area {
    min-height: 250px;
    padding: 10px;
	}
	ul#grid2,
	ul#grid3,
	ul#grid4,
	ul#grid1 {
		width: 100% !important;
	}
	.mb-postpaid-cont-section .section-title.text-left.left-side {
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.mb-postpaid-cont-section .section-title.text-center {
		margin-bottom: 20px;
	}
	.section-title.text-center.mpost-cont h2, 
	#access-broadbrand .section-title.mb-postpaid-bottom-section h2, 
	.mb-postpaid-cont-section .section-title h1,
	.mb-postpaid-cont-section .section-title h2 {
		font-size: 22px;
	}
	ul.mbpostpaid-points {
		padding-left: 20px;
	}
	ul.mbpostpaid-points li {
		padding-left: 10px;
		margin-top: 10px;
	}
	section#access-broadbrand {
		padding: 40px 15px;
	}
	.section-title.text-left.mpre-left-cont h2 {
    font-size: 20px;
	}
	.mb-prepaid-topup .wireless-packages {
    max-width: 48%;
    padding: 15px;
	}
	.mb-prepaid-topup .wireless-packages:nth-child(2n+1) {
    margin-left: 0px;
	}
	.plan-register a.btn.eshop-btn {
    font-size: 14px;
    width: 200px;
    margin-top: 20px;
    height: 42px;
    line-height: 12px;
	}
	.section-title.mbpre-foundation-section {
		padding: 0px;
	}
	.mb-prepaid-topup.mb-prepaid-pack .wireless-packages h2 {
		margin: 10px 0px;
	}
	ul.click-info li:last-child {
    padding-bottom: 0px;
	}
	.section-title h1:not(:first-child),
	.section-title h2:not(:first-child) {
		margin-top: 10px;
	}
	.section-title.mbpre-foundation-section ul.offer-points {
		margin-top: 0px;
	}
	.section-title.text-center.best-friend-title {
		margin-bottom: 0px;
	}
	.section-title.mpre-left-cont h2:not(:first-child) {
    margin-top: 5px;
	}
	.blue-box {
		margin-top: 10px;
		margin-bottom: 20px;
		padding: 30px 30px;
	}
	.grey-box {
		padding: 30px 30px;
	}
	.white-box {
    padding: 10px 15px;
    margin-top: 10px;
	}
	ul.feature-points li {
		width: 100%;
	}
	ul.feature-points li .icon {
    width: 12%;
    margin-right: 5%;
    margin-top: 2%;
	}
	.channels-logo {
    float: left;
    width: 100%;
	}
	.channel-info h2 {
    font-size: 20px;
    margin-bottom: 5px;
	}
	.channel-info {
    float: left;
    width: 100%;
    padding-top: 3%;
    padding-left: 0;
	}
	.iptv-pack-box {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	#iptv-packages {
    padding: 40px 0px 40px 0px;
	}
	#guide-area .left-side-area, #guide-area .right-side-area {
		width: 100%;
	}
	.guide-content {
		width: 70%;
	}
	#guide-area .left-side-area .guide-content {
		left: 10%;
	}
	.accordion.faqs-list .card-body p {
    font-size: 14px;
    line-height: 20px;
  }
  .channels-tab ul.nav.nav-pills li a {
  	font-size: 16px;
  }
  .channels-tab ul.nav.nav-pills li.nav-item {
  	padding: 0px 10px;
  }
  .channels-tab .tab-content {
  	margin-top: 10px;
  }
  .channels-tab {
  	padding-top: 30px;
  }
  #iptv-section .section-content {
  	padding-right: 0px;
  }
  ul.offer-points {
  	grid-template-columns: repeat(1, 1fr);
  	margin-bottom: 10px;
  	grid-gap: 10px 40px;
  }
  .iptv-offers {
    padding: 40px 0 30px 0 !important;
	}
	.channel-txt h4 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.channel-txt span {
		display: block;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.cinemax-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	.cinemax-content strong {
    font-size: 16px;
    line-height: 22px;
	}
	ul.web2sms-start li {
    width: 100%;
    margin-left: 0px;
	}
	section#offer-broadbandPro ul {
		grid-template-columns: repeat(1, 1fr);
	}
	section.iptv-offers ul.offer-points {
		margin-top: 0px !important;
	}
	section#offer-broadbandPro p.dec-txt {
    text-align: left;
    margin-top: 10px;
	}
	div#groupcall_screens_slides {
    margin-top: 20px;
	}
	.groupcall-blue-cont-area {
		display: block;
		margin-top: 10px;
	}
	.groupcall-blue-cont-area .right-side, 
	.groupcall-blue-cont-area .left-side {
    padding: 20px;
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 10px;
	}
	section#groupcall_network ul {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px 40px;
	}
	form.verify-form {
    width: 100%;
	}
	header ul li a {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	/*vacancies*/
	.top-form-area {
    padding: 0px 15px 20px 15px;
  }
	section#groupcall_network ul li {
		padding-left: 20px;
	}
	.image-area.avaiable-image-area {
		padding: 40px 0px;
	}
	.image-area.subscribe-image-area {
    min-height: 550px;
    padding: 10px;
	}
	.white-card.subscribe-white-card {
    min-height: auto;
    padding: 30px;
    width: 100%;
	}
	.missedcall-white-card-outer:last-child {
		margin-bottom: 0px;
	}
	.banner-image-area, 
	.image-area {
    min-height: 250px;
	}
	.image-area.image-area-with-card {
		min-height: 450px;
	}
	#iptv-slider .owl-dots {
		bottom: 5px;
	}
	#iptv-slider .owl-dots span {
		width: 10px;
		height: 10px;
		margin: 0px 5px;
	}
	ul.feature-points li:nth-child(2) .feature-content p {
		min-height: auto;
	}
	.slid-content h3 {
    font-size: 20px;
    line-height: 24px;
	}
	.slid-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
  }
  .slid-img {
  	min-height: 200px;
  }
  .fb-icon {
    padding: 15px 24px;
    width: 60px;
    margin-right: 0px;
    margin-bottom: 15px;
	}
	.fb-content {
		width: 100%;
	}
	.fb-article-content:after {
  	bottom: 10%;
  	right: 30px;
  	top: auto;
  }
  section#KredEx-lr .left-img-part {
  	min-height: 60vw;
  }
  .right-blue-part .section-title {
    width: 70vw;
    margin: 0 auto;
    float: none;
	}
	section#KredEx {
    padding: 40px 0px;
	}
	.blue-cont-area {
		display: block;
	}
	.blue-cont-area .right-side, .blue-cont-area .left-side {
		width: 100%;
		margin: 0px;
	}
	.blue-cont-area .left-side {
		margin-bottom: 10px;
	}
	section#me2u-w .img-part {
		padding: 40px 10px 40px 10px;
	}
	.me2u-white-box {
		padding: 20px;
	}
	.table.custom-tbl thead th {
		line-height: 18px;
		font-size: 14px;
	}
	.table-responsive.custom-tbl-outer {
		padding: 0px;
	}
	.image-area.uchat-image-area {
    padding: 40px 20px 10px 20px;
	}
	.uchat-blue-box {
		padding: 20px;
	}
	.uchat-blue-box p {
		margin-bottom: 10px;
	}
	.right-blue-part.uchat-right-blue-part {
    padding: 30px;
	}
	/*.modal.gallery.show {
		padding: 30px;
	}*/
	.modal-dialog.modal-lg.modal-dialog-centered.gallery-modal-dialog {
		margin: 40px auto;
	}
	.modal.gallery.show {
		display: block !important;
	}
	.faq-heading h1, .faq-heading h2 {
    font-size: 20px;
	}
	.usding-service-content {
    padding: 40px 40px;
    width: 100%;
	}
	#map-section iframe {
		min-height: 380px;
	}
	#using-service {
    padding: 40px 0;
	}
	.cable-kiosk-box.with-three-vertical-div,
	.cable-kiosk-box {
    margin-bottom: 10px;
    width: 100%;
	}
	.cable-kiosk-box.with-three-vertical-div .cable-item {
		margin-bottom: 10px;
	}
	.cable-kiosk-box.with-three-vertical-div .cable-item:last-child {
		margin-bottom: 0px;
	}
	.services-cable-kiosk h5 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	#cable-kiosk-services {
    padding: 40px 0;
	}
	.registration-form .form-group.pull-right input.form-control {
    float: left; 
	}
	.registration-form .form-group {
    width: 100%;
    float: left;
    min-height: auto;
	}
	.registration-form .form-group .form-control {
		font-size: 14px;
		width: 100%;
	}
	.tab-item-outer:nth-child(odd) .tab-item-img {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
	}
	.tab-item-outer:nth-child(even) .tab-item-img {
		width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
	}
	.tab-item-outer:nth-child(even) .tab-item-cont, 
	.tab-item-outer:nth-child(odd) .tab-item-cont {
		width: 100%;
	}
	.left-img-part {
		min-height: 250px;
	}
	.cws-foundation-tab .full-width.tab-item-left-img .right-blue-part .section-title, 
	.cws-foundation-tab .full-width.tab-item-right-img .right-blue-part .section-title {
		width: 100%;
	}
	.cws-foundation-tab .full-width.tab-item-left-img .right-blue-part, 
	.cws-foundation-tab	.full-width.tab-item-right-img .right-blue-part {
		padding: 20px;
	}
	.tab-item-outer:nth-child(even) {
    margin-bottom: 40px;
    padding: 20px;
	}
	.full-width.tab-item-right-img, .full-width.tab-item-left-img {
		margin-bottom: 40px;
	}
	.tab-item-cont span.lable {
		margin-bottom: 20px;
	}
	.section-title.text-center.cws-foundation-section h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
	}
	.section-title.text-center.cws-foundation-section .JobDetails-item-ul li {
		margin-bottom: 10px;
	}
	section.cws-foundation-top {
		padding: 40px 0px 20px 0px !important;
	}
	.tab-item-outer {
    margin-bottom: 40px;
	}
	.full-width.tab-item-left-img .right-blue-part .section-title span.lable, 
	.full-width.tab-item-right-img .right-blue-part .section-title span.lable {
		margin-bottom: 20px;
	}
	#iptv-features, #iptv-section {
    padding: 40px 0px;
	}
	#iptv-section .section-content p {
		margin: 10px 0px;
	}
	ul.section-points {
    padding: 5px 0px;
    margin: 5px 0px;
	}	
	#iptv-section .section-content h4 {
    font-size: 18px;
    line-height: 22px;
	}
	#iptv-section .section-content h5 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
	}
	ul.section-points li h3 {
    font-size: 14px;
    font-size: 18px;
	}
	#iptv-section .section-content span {
		margin-bottom: 0px;
		font-size: 14px;
    font-size: 18px;
	}
	#iptv-section .section-content a {
    margin-top: 10px;
    font-size: 14px;
	}
	.feature-content h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  .feature-content p {
  	font-size: 14px;
  	line-height: 20px;
  }
  ul.feature-points {
  	margin-top: 0px;
  }
  .cinemax-content h3 {
  	font-size: 20px;
  	line-height: 24px;
  	margin-bottom: 5px;
  	margin-top: 5px;
  }
  #guide-area h2 {
    font-size: 24px;
    line-height: 28px;
	}
	.channel-cta {
    margin-top: 15px;
    margin-bottom: 15px;
	}
	.accordion.faqs-list .card-header a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
	}
	.accordion.faqs-list .card-header {
		padding: 10px 30px 10px 0px;
	}
	.accordion.faqs-list .card-body ul li {
		font-size: 16px;
		line-height: 20px;
	}
	.accordion.faqs-list .card-header.collapsed:after,
	.accordion.faqs-list .card-header:after {
		top:10px;
	}
	.accordion.faqs-list .card-body p {
		margin-bottom: 5px;
	}
	.mobiletv-banner-img, .mobiletv-device-details {
    float: left;
    width: 100%;
	}
	.mobiletv-banner-text-inner {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.mobiletv-banner-img img {
		float: left;
		max-width: 100%;
		width: 100%;
	}
	.mobiletv-device-details {
		margin-bottom: 10px;
	}
	.image-area.mobiletv-banner {
		padding: 40px 0px 0px 0px;
	}
	.addtional-feature-outer {
    padding-left: 0px;
    margin-top: 20px;
	}
	.addtional-feature-outer h2, .feature-outer h2 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 22px;
	}
	ul.feature-ul li img {
    margin-right: 20px;
    width: 40px;
    margin-top: 5px;
	}
	ul.feature-ul li {
		margin-bottom: 15px;
	}
	.mobiletv-started-outer {
    width: 100%;
	}
	.mobiletv-started-img {
    width: 100%;
    position: static;
    text-align: center;
	}
	.mobiletv-started-img img {
		width: 200px;
		margin: 0 auto; 
		margin-bottom: -40px;
	}
	.mobiletv-started-cont h2 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 28px;
	}
	.transparent-card.mobiletv-started-cont {
		padding: 40px 0px 15px 0px;
	}
	.image-area.mobiletv-b-image-area {
		padding: 40px 0px;
	}
	.card.mobiletv-b-card {
		padding: 30px;
	}
	.mobiletv-b-card-outer {
		margin-bottom: 20px;
	}
	.mobiletv-b-card-outer:last-child {
		margin-bottom: 0px;
	}
	.wide-white-card {
		float: left;
		width: 100%;
    padding: 15px;
    margin-bottom: 20px;
	}
	.wide-white-card.float-right {
		float: left;
		width: 100%;
	}
	.wide-white-card p {
		padding-left: 0px;
	}
	ul.mobiletv_watching_ul {
		padding-right: 0px;
	}
	.watching-outer .img-div img.img-fluid.watching-mobile {
		display: none;
	}
	.watching-outer .img-div img.img-fluid.watching-mobile.for-mb {
	  display: block;
	  width: 200px;
	  margin: 0 auto;
	}
	.watching-outer .img-div img.img-fluid.watching-mobile.for-mb.nd-img {
		width: 100%;
		margin: 20px 0px;
	}
	.watching-outer .img-div {
    padding: 0;
    margin: 0;
	}
	ul.mobiletv_watching_ul li {
		padding-left: 5px;
	}
	.card.mobiletv-guide-card img.img-fluid.mobiletv-mobile-image.timeshift-right-img {
		margin-top: 10px;
	}
	.card.mobiletv-guide-card p:last-child, .card.mobiletv-guide-card p.desc:last-child {
		margin-bottom: 10px;
	}
	.image-area.sinemax-image-area {
    min-height: 750px;
    padding: 40px 0px;
  }
	.blog-card:hover .inner-cont-body,
	.inner-cont-body {
		padding: 0px;
	}
	.blog-card .card-body {
    min-height: auto;
    padding: 20px;
    /*min-height: 190px;*/
	}
	section#blog-card-related-article {
    padding: 40px 0px 20px 0px;
	}
	section#blog-card-related-article .heading-area {
    margin-bottom: 15px;
	}
	#roaming-content .right-side {
    float: left;
    width: 100%;
    padding-left: 0px;
	}
	#roaming-content .left-side {
    float: left;
    width: 100%;
    padding-right: 0px;
	}
	#roaming-content {
    padding: 40px 0px 30px 0px;
	}
	.use-roaming {
    padding: 20px;
    width: 100%;
	}
	.use-roaming h3 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
	}
	ul.points-list li, .use-roaming p {
    font-size: 14px;
    line-height: 20px;
	}
	ul.points-list li {
		margin: 5px 0px;
	}
	.use-roaming ul.points-list {
    margin-top: 5px;
	}
	#use-prepaid-roaming {
    padding: 40px 0;
	}
	#prepaid-roaming-partners h2 {
    font-size: 22px;
	}
	form.eDirectory-form {
    width: 100%;
    padding: 10px 15px;
	}
	#prepaid-roaming-partners .left-side h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	ul.working-points li span, ul.working-points li span a {
    font-size: 14px;
    line-height: 20px;
  }
  #prepaid-roaming-partners .right-side {
  	margin-top: 15px;
  }
  .manually-operator h4 {
    font-size: 16px;
    line-height: 20px;
	}
	#prepaid-roaming-partners .right-side h6 {
    font-size: 14px;
    line-height: 20px;
	}
	#prepaid-roaming-partners .right-side h5 {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0;
	}
	ul.network-points li span {
    font-size: 14px;
    line-height: 20px;
	}
	.setting-box .setting-label > p {
    padding: 0px;
    margin: 0px;
	}
	.setting-label {
    padding: 12px;
    width: 100%;
	}
	.setting-box p {
    margin: 0px;
    width: 100%;
    padding: 15px;
	}
	#roaming-overseas .left-side {
    float: left;
    width: 100%;
    padding-right: 0px;
	}
	#roaming-overseas .right-side {
    float: left;
    width: 100%;
    padding-left: 0px;
	}
	#roaming-overseas .left-side ul li,
	ul.working-points li,
	ul.network-points li {
		margin-bottom: 5px;
	}
	.setting-box {
		margin-top: 10px;
	}
	.manually-operator p {
    margin-top: 10px;
    line-height: 20px;
	}
	.manually-operator  .setting-box > p {
    margin-top: 0px;
	}
	#roaming-overseas,
	#prepaid-roaming-partners {
    padding: 40px 0px;
	}
	#roaming-overseas p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
	}
	.accordion.faqs-list {
    margin: 10px 0;
  }
  #facebook-article {
    padding: 60px 0px 0px 0px;
	}
	#cws-slides {
		margin-bottom: 0px;
		margin-top: 5px;
	}
	#cws-slides .owl-nav {
		margin: 20px 0px;
	}
	.grid-item.off-screen--hide:after {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
	}
	section#live-exciting {
    padding-top: 40px;
	}
	#iptv-packages .section-title h1, #iptv-packages .section-title h2 {
    margin-bottom: 20px;
	}
	.offer-items .offeritem {
		align-items: center;
	}
	.page-info p {
    font-size: 16px;
    line-height: normal;
    margin-top: 10px;
	}
	section#offer-broadbandPro ul {
		grid-gap: 5px 40px;
	}
	section#offer-broadbandPro ul.offer-points.li-with-p.broadband-pro-li-with-p {
		margin-top: 0px;
	}
	#fixedline-plan-slider .owl-item {
    padding: 0px;
	}
	.broadbandPro-packages #fixedline-plan-slider .item {
    margin-left: 0px;
    margin-right: 0;
    margin-bottom: 0;
	}
	.broadbandPro-packages #fixedline-plan-slider {
    margin-top: 10px;
  }
	.plan-register {
    margin-top: 20px;
	}
	.page-info h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 5px;
	}
	#about-prepaid-broadband {
    padding: 40px 0px 30px 0;
	}
	.broadband-access .access-box {
    padding: 25px;
    margin-top: 10px;
    margin-bottom: 0px;
	}
	#voucher h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	ul.voucher-points {
    margin-top: 15px;
    padding-left: 20px;
	}
	ul.voucher-points li {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
	}
	ul.plan-cost-list {
    text-align: center;
  }
  .wireless-packages-area .wireless-packages {
    margin-bottom: 20px;
    padding: 20px;
  }
  .wireless-packages-area .wireless-packages-outer {
  	padding: 0px 10px;
  }
  .wireless-packages-area .wireless-packages-outer-row {
  	margin: 0px -10px;
  	margin-top: 10px;
  }
  section#xtra-booster .section-title.text-center.wbr-xtra-booster-st {
    margin-bottom: 10px;
	}
	.xtra-boosters-box h4 {
		font-size: 16px;
		line-height: 20px;
	}
	.xtra-boosters-box h2 {
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0px;
	}
	.xtra-boosters-box p {
    font-size: 14px;
    line-height: 20px;
	}
	.xtra-boosters-box p span {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-top: 5px;
	}
	.cable-item.equal-height {
    min-height: auto;
	}
  .usding-service-content h3 {
    font-size: 20px;
    line-height: 22px;
	}
	.usding-service-content p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
	}
	.mb-prepaid-topup.mb-prepaid-pack {
    margin-top: 10px;
	}
	.mb-prepaid-topup ul.click-info li p span {
		font-size: 14px;
		line-height: 18px;
	}
	.mb-prepaid-topup ul.click-info li p {
    font-size: 16px;
    line-height: 18px;
  }
  .mb-prepaid-topup .wireless-packages h2 {
    font-size: 18px;
    line-height: 20px;
	}
	.mb-prepaid-topup .wireless-packages p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
	}
	.mb-prepaid-topup ul.click-info li h5 {
    font-size: 14px;
    margin: 5px 0px;
    margin-top: 0px;
	}
	.white-box>.row>* {
    padding: 10px 0px;
  }
  .white-box>.row>* {
    padding: 5px 0px;
    font-size: 14px;
    line-height: 20px;
  }
  .white-box>.row:first-child>* {
    font-size: 14px;
    line-height: 18px;
	}
	.mb-postpaid-topup.row .col-md-3 {
    margin-bottom: 20px;
	}
	#access-broadbrand .section-title.mb-postpaid-bottom-section {
    margin-bottom: 10px;
    margin-top: 25px;
	}
	.section-title.text-center.mpost-cont h3 {
    font-size: 16px;
	}
	.about-clicks {
		display: block;
		margin-top: 10px;
	}
	.col-md-6.about-clicks-left {
    margin-bottom: 15px;
    text-align: center;
	}
	.section-title.text-center.click-offers h2 {
    font-size: 22px;
	}
	.click-boosters .plan-register {
    margin-top: 10px;
	}
	#click-offers {
    padding: 40px 0;
	}
	.mobile-settings-content .access-box {
    margin-bottom: 10px;
    padding: 15px;
	}
	#ussd-code .section-title h1, #ussd-code .section-title h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 20px;	
  }
  .ussd-list-items .col-lg-4 {
    margin-bottom: 10px;
  }
  .card.missedcall-white-card p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	ul.missedcall_ul {
		margin-bottom: 10px;
	}
	.missedcall-white-card-outer {
    margin-bottom: 15px;
	}
	.package-name {
    padding: 15px 0px;
	}
	div.heading h2, .avaiable-image-area .package-name h2 {
    font-size: 16px;
    line-height: 20px;
	}
	.avaiable-image-area .package-name h2 {
		margin-top: 0px;
	}
	.avaiable-image-area .section-title.text-left {
    padding: 0px;
    margin-top: 10px;
	}
	.avaiable-image-area .section-title h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .avaiable-image-area .section-title p {
  	margin-bottom: 10px;
  }
  .image-area.subscribe-image-area .white-card h2 {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 10px;
	}
	.gallery .modal-body {
    padding: 20px;
	}	
	.gallery-images.owl-carousel .owl-nav.disabled button.owl-prev,
	.gallery-images.owl-carousel .owl-nav.disabled button.owl-next {
		display: none;
	}
	.slide-count {
    padding: 15px 0;
    font-size: 18px;
    width: 60px;
	}
	.gallery-info {
    width: calc(100% - 60px);
    padding: 15px 0 0 0;
	}
	.owl-carousel.gallery-images .owl-dots {
		display: none;
	}
	.gift-card-6:nth-child(2n) {
    border-right: none;
	}
	.image-area.privilez-image-area.gift-image-area .banner-text {
    position: absolute;
    top: 40%;
    width: 70%;
	}
	.image-area.privilez-image-area.gift-image-area {
    min-height: 340px;
	}
	.gift-card-outer {
    padding: 0;
	}
	.git-content h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
	}
	h3.terms-h3 {
		margin-bottom: 10px;
	}
	p.terms-p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
	}
	.points-info p {
    margin-bottom: 10px;
    margin-top: 0px;
	}
	.points-info p:last-child {
		margin-bottom: 0px;
	}
	.points-info h2 {
		font-size: 18px;
		line-height: 20px;
    margin-bottom: 5px;
	}
	.points-info.padd-right-0 {
    padding-left: 0px;
    margin-top: 15px;
	}
	.accumulate-info h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	.accumulate-info p {
    font-size: 14px;
    line-height: 20px;
	}
	.accumulate-info ul {
		margin-top: 15px;
	}
	.cable-award-winner {
    margin-top: 10px;
	}
	.col-md-6.why-choose-cpd {
    padding-right: 15px;
    padding-left: 15px;
	}
	.blue-card p {
    font-size: 14px;
    line-height: 20px;
	}
	.image-area.history-image-area {
		padding: 0px;
	}
	.blog-details-card .card-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
	}
  .blog-details-cont {
    margin-top: 10px;
	}
	.vacancies-form .floating-label {
    font-size: 20px;
    top: 10px;
	}
	.vacancies-form input.form-control:focus ~ .floating-label, 
	.vacancies-form input.form-control:not(:focus):valid ~ .floating-label {
    font-size: 16px;
    top: -25px;
	}
	.top-btn-outer.vacancies-top-btn-outer {
    padding: 0px 0px 20px 0px;
	}
	.vacancies-form.JobDetails-head .top-btn-outer.vacancies-top-btn-outer {
		padding: 0px 0px 0px 0px;
	}
	.top-btn-outer {
    padding: 0px 0px;
	}
	.btn.back-btn img {
    margin-right: 10px;
    vertical-align: middle;
    height: 11px;
    width: 20px;
	}
	.btn.back-btn span {
    font-size: 12px;
    line-height: 16px;
  }
  h1.vacancies-h1 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
	}
	ul.vacancies-ul li p.vheading-p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
	}
	ul.vacancies-ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .banner-text.mb-postpaid-banner-text h1,
  .image-area h1 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 5px;
	}
	.banner-text p {
    font-size: 14px;
    line-height: 20px;
	}
	.image-area.career-banner .banner-text {
		top: 35%;
	}
	p.p-heading::after {
		left: -5%;
	}
	.banner-text.contact-banner h1 {
    line-height: 22px;
    margin-bottom: 5px;
    font-size: 20px;
	}
	ul.contact-details li {
    font-size: 14px;
    padding: 5px 0;
	}
	ul.contact-details li img {
    margin-right: 20px;
    width: 18px;
	}
	ul.contact-details {
    margin: 5px 0;
	}
	.form-layout button.view-details {
    margin-top: 10px;
    padding: 10px 0px;
	}
	.form-layout .form-group {
    margin-bottom: 15px;
	}
	.service-contacts {
    padding: 20px 10px;
	}
	ul.helpline-list li h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	ul.helpline-list {
    margin-top: 10px;
    padding: 0px 20px;
	}
	#register-plan-area .section-title h1, #register-plan-area .section-title h2 {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 5px;	
	}
	.app-box h5 {
    margin-bottom: 10px;
	}
	.submit-all-selections .custom-control-label {
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
	}
	.submit-all-selections.job-apply {
		margin-top: 30px;
	}
	#connect-booster, #booster-package, #jumbo-booster,
	#fb-boosters, #mobile-tv-boosters {
    padding: 40px 0;
	}
	.fb-booster-txt h2 {
    font-size: 20px;
    line-height: 24px;
	}
	.fb-booster-txt .left-side-content p {
    margin-top: 10px;
    margin-bottom: 10px;
  }
	.fb-booster-txt .left-side-content ul li {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .fb-booster-txt .left-side-content ul li span {
    width: 80px;
  }
  ul.booster-point {
  	padding: 15px;
  	padding-left: 35px;
  }
  ul.booster-point li {
  	list-style-position: initial;
  }
	.fb-booster-customers h3 {
    font-size: 20px;
    line-height: 24px;
	}
	.fb-booster-customers ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .fb-booster-customers ul li span {
  	padding-right: 25px;
    display: block;
  }
  #fb-booster-note p {
  	padding: 0px;
  }
  .plan-box {
    width: 100%;
    margin-bottom: 15px;
	}
	.month-plan.plan-box {
		margin-bottom: 0px;
	}
	.plan-info {
    min-height: 360px;
	}
	#jumbo-booster .boosters-cta p {
    margin-top: 20px;
    margin-bottom: 10px;
	}
	.booster-packages-outer .wireless-packages {
    margin-bottom: 2%;
	}
	#booster-package .section-title ul li {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	ul.inter-connect-list > li {
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
	}
	ul.inter-connect-list > li:last-child {
		margin-bottom: 0px;
	}
	.service-content .right-side,
	.service-content .left-side.theme-bg {
		padding: 20px;
	}
	.page-info.postpaid-roaming-banner-info h1 {
    line-height: 24px;
    width: 100%;
    font-size: 20px;
	}
	.raoming-features {
		padding: 0px;
	}
	.feature-box-area {
		flex-wrap: wrap;
	}
	.feature-box {
		width: 100%;
		margin: 0px;
		margin-bottom: 15px;
	}
	.feature-box:last-child {
		margin-bottom: 0px;
	}
	.feature-box-area {
		margin-top: 10px;
	}
	.raoming-features strong,
  .raoming-features h4 {
    font-size: 16px;
    line-height: 22px;
	}
	.raoming-features {
    margin-top: 5px;
	}
	#roaming-overseas .form-area form.eDirectory-form {
    margin-top: 40px;
    padding: 0;
	}
	.postpaid-benefits {
		padding-right: 15px;
	}
	.eDirectory-form.partners-form {
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 20px;
	}
	#postpaid-tips .rightside-area.tips,
	#postpaid-tips .leftside-area.tips {
		margin: 0px;
	}
	.tips-item {
    margin-top: 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
	}
	#postpaid-tips .leftside-area.tips {
		margin-bottom: 15px;
	}
	#postpaid-tips .tips {
		width: 100%;
	}
	.search-result-outer {
    padding: 20px;
	}
	.faq-body-items h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
	}
	.contact-us-gcap iframe {
	  margin-bottom: 0px;
	}
	.registration-form .form-group.pull-right label.error {
	  float: left;
	  width: 100%;
	}
	#iptv-packages .plan-register {
    margin-top: 0px;
    margin-bottom: 10px;
	}
	.col-md-6.pbx-box-outer {
    margin-bottom: 15px;
	}
	.col-md-6.pbx-box-outer:last-child {
    margin-bottom: 0px;
	}
	#pbx-advantages .wide-card.vertical-view .cont-div ul > li:first-child {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 5px;
	}
	.accumulate-info {
    transform: translate(-50%, 30%);
	}
	img.img-fluid.p-close-icon {
		width: 28px;
	}
	#app-store h3 {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: normal;
	}
	.covid-sec2.g-5 p, .covid-sec3.g-5 p, .covid-sec5.g-5 p {
    font-size: 16px;
    color: #fff;
	}
	.cable-item.equal-height {
		padding: 20px;
	}
	.cable-kiosk-box {
		padding: 0 10px;
	}

}
@media (max-width: 600px) {
  .blue-card {
    width: 100%;
  }
  section#blog-card {
    padding: 30px 0px 10px 0px;
	}
	.blog-card-outer {
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
	}
	.blog-card .card-title {
    font-size: 20px;
  }
  .blog-profile-cont p.blog-user-pos,
  .blog-profile-cont p.blog-user-name {
    font-size: 12px;
    line-height: 14px;
  }
  .blog-profile-img {
  	width: 50px;
  }
  .blog-profile-img img {
    width: 40px;
	}
	.blog-card .card-body {
    padding: 20px;
	}
	section#live-exciting {
    padding-top: 40px;
	}
	.live-photos {
    margin: 15px 0;
	}
	section#who-we-are .content-div p,
	section#who-we-are .section-title h1,
	section#who-we-are .section-title h2,
	section#who-we-are .section-title p,
	section#live-exciting .section-title p,
	section#live-exciting .section-title h1,
	section#live-exciting .section-title h2 {
		margin-bottom: 10px;
	}
	.live-img-cta h4 {
		margin-top: 25px !important;
	}
	#quick-actions {
		padding: 40px 0px;
	}
	section#who-we-are {
    padding: 40px 0;
	}
	.xtra-boosters-box-outer {
		padding: 0px 5px;
	}
	.xtra-boosters-box-outer-row {
		margin: 0px -5px;
	}
	.xtra-boosters-box {
    padding: 10px;
    margin-bottom: 0px;
	}
	.xtra-boosters-box h4 {
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
	}
	.points-info p {
    margin-bottom: 10px;
    margin-top: 0px;
	}
	.points-info p:last-child {
		margin-bottom: 0px;
	}
	.points-info h2 {
		font-size: 18px;
		line-height: 20px;
    margin-bottom: 5px;
	}
	.points-info.padd-right-0 {
    padding-left: 0px;
    margin-top: 15px;
	}
	section#who-we-are-static {
    padding: 20px 0px 30px 0px;
	}
	.content-div p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	}
	ul.offers-points {
    margin: 0 auto;
    float: none;
    width: 100%;
	}

	.custom-pos-bg-img {
		background-position: 30% 100% !important;
	}
}
@media (max-width: 576px) {
	.image-area > h1 {
		font-size: 24px;
		text-align: left;
		padding: 0 15px;
		line-height: normal;
	}
	.live-img-cta h4 span {
		font-size: 20px;
    line-height: 24px;
	}
	.live-img-cta h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.live-photo-hero1,
	.live-photo-hero2 {
		margin-bottom: 15px;
	}
	#more-then-wireless {
		padding: 30px 0;
	}
	.just-wireless-items {
		margin-top: 10px;
	}
	.quick-items {
		display: none; 
	}
	.quick-mobile-item {
	  display: block;
	  margin-top: 10px;
	}
	.flip-content h2 {
		font-size: 26px;
	}
	.flip-content p {
    font-size: 18px;
    line-height: 24px;
  }
  .fb-content {
  	width: 100%;
  }
  .fb-content p {
  	padding-right: 0px;
  	margin-top: 0px;
  	margin-bottom: 15px;
  }
  .fb-content p:after {
  	display: none;
  }
  .fb-icon {
  	padding: 9px 18px;
  	margin-right: 0px;
  	width: 50px;
  }
  .fb-content img {
  	display: block !important;
  	width: 50px;
  }
  .fb-article-content:after {
  	bottom: 10%;
  	right: 30px;
  	top: auto;
  }
  .slid-content a img,
  .arrow-controller {
		display: none;
  }
  .cws-foundation-slides {
  	margin-bottom: 60px;
  }
  #cws-slides {
    margin: 5px 0px 20px 0px;
	}
  .iphone-showcase {
  	padding-top: 0px;
  }
  .slid-content h3 {
  	font-size: 18px;
    line-height: 22px;
  }
  .slid-content p {
  	line-height: 25px;
  }
  ul.main-menu {
  	display: none;
  }
  ul.service-menu {
  	float: left;
  	width: 100%;
  	text-align: center;
  	white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
		min-height: auto;
  }
  ul.service-menu::-webkit-scrollbar {
  	width: 0 !important;
  }
  ul.service-menu li:first-child {
  	padding-left: 0px;
  }
  ul.service-menu li {
    padding: 0 30px;
	}
	.register-icon span,
	ul.right-actions li.mobile-hide {
		display: none;
	}
	ul.right-actions {
		padding: 5px 0;
	}
	ul.right-actions li.mobile-menu {
		display: inline-block;
	}
	img.m-search-icon {
	  display: block;
	  width: 18px;
	}
	.nav-item {
    padding: 10px 0 0 0;
    /*padding: 10px 0 10px 0;*/
	}
	.iphone-right-showcase {
		float: left;
	}
  #iphone-section {
  	padding-bottom: 0px;
  	padding-top: 30px;
  }
  #iphone-section .col-md-12 {
  	padding-left: 0px;
  	padding-right: 0px;
  }
  .owl-nav {
  	display: none;
  }
  #cws-foundation .col-md-12 {
  	padding-left: 0px;
  	padding-right: 0px;
  }
  #cws-foundation .section-title {
  	padding-left: 15px;
  	padding-right: 15px;
  }
  ul.right-actions li.selfcare-menu {
  	display: none;
  }
  ul.right-actions li {
    padding: 0 15px;
	}


	/* fixedline-postpaid */
	#packages-area .section-title h1,
	#packages-area .section-title h2,
	#faqs-area .section-title h1,
	#faqs-area .section-title h2 {
		font-size: 25px;
	}
	.faqs-items h3 {
		font-size: 16px;
		line-height: normal;
	}

	/*device-deetails*/
	.inner-device-card-body {
    padding: 0px 15px 15px 15px;
	}
	.share-sec {
		padding: 10px 15px;
	}
	.device-main h2.devices-name span.band {
		font-size: 12px;
	}
	.device-main h2.devices-name span.model {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.device-details h2.price {
    font-size: 26px;
    margin-bottom: 15px;
	}
	.device-details div.rating {
		margin-bottom: 20px;
	}
	.product-color {
		margin-bottom: 22px;
	}
	.size-choose input[type="radio"] + label span {
		font-size: 16px;
	}
	.size-choose input[type="radio"] + label {
    margin: 0px 22px 0px 0px;
	}
	.devices-cont .cont-item {
    padding: 10px 0px;
	}
	.devices-cont .cont-item:first-child {
    padding: 0px 0px;
	}
	p.d-md-p {
		margin-bottom: 10px;
	}
	/*new 6sep*/
	ul#ContactTab.nav-tabs .nav-link {
		font-size: 14px;
	}
	.section-title p {
		font-size: 14px;
		line-height: 22px;
	}
	#award-showcase > div {
    min-height: 300px;
	}
	ul.contact-lists li:first-child {
		border-top: 0px !important;
	}
	ul.contact-lists li {
		width: 100% !important;
		padding: 15px 0px !important;
		border-top: 1px solid rgba(0,0,0,0.3) !important;
	}
	ul.contact-lists li p {
		min-height: auto;
	}
	ul.helpline-list li {
		padding: 5px 10px 20px 10px !important;
		width: 100%;
		text-align: center;
	}
	ul.contact-lists {
    margin-top: 0px;
	}
	ul.helpline-list li:nth-child(2) {
		width: 100%;
		border-left: 0px;
	}
	ul.helpline-list li:nth-child(3n) {
		border-left: 0px;
	}
	ul.helpline-list li h5 {
		margin-bottom: 0px;
	}
	ul#winnerTab.nav-tabs .nav-link  {
		font-size: 16px;
	}
	ul#winnerTab.nav-tabs .nav-item {
		margin-right: 20px;
	}
	.mobile-footer-menu .accordion .card-header a {
		font-size: 13px;
		color: #fff;
	}
	.about-clicks h3 {
    font-size: 20px;
	}
	.click-boosters .giga-ctas {
		font-size: 14px;
	}
	#about-homeline-prepaid .section-title h1,
	#about-homeline-prepaid .section-title h2 {
		font-size: 24px;
	}
	.service-content .left-side.theme-bg,
	.service-content .right-side {
		padding: 15px;
	}
	.service-content .left-side.theme-bg h3 {
		font-size: 22px;
	}
	.service-content {
    margin-top: -190px;
	}
	.service-info p {
		margin-bottom: 10px;
	}
	.service-info h2 {
		font-size: 22px;
	}
	.fixedline-faqs-item h4 {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	ul.plan-cost-list {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.privilez-card-outer.for-desktop-view {
		display: none;
		visibility: hidden;
	}
	.privilez-card-outer.for-mobile-view {
		display: block;
		visibility: visible;
	}
	.privilez-card-outer.for-mobile-view {
	  position: static;
	}
	.image-area.privilez-image-area {
    min-height: 260px;
	}
	.image-area.privilez-image-area .banner-text {
		top: 30%;
	}
	.modal-dialog.modal-lg.modal-dialog-centered.gallery-modal-dialog {
		margin: 40px 20px;
	}
	.offercard .inner-cont,
	.offercard .inner-cont h2 {
		margin-bottom: 10px;
	}
	.blog-card .card-body {
    min-height: 220px;
	}
	.radio-info {
		margin-left: 0px;
	}
	.verified-area h2 {
		font-size: 24px;
	}
	.verified-area h5 {
    font-size: 16px;
	}
	.radio-info p {
    font-size: 16px;
    line-height: 22px;
	}
	form.verify-form,
	.form-action {
		margin-top: 40px;
	}
	.verified-area {
		padding: 60px;
	}
	.mb-prepaid .mb-prepaid-topup .wireless-packages {
    padding: 10px 20px;
	}
	.section-title p.note-p,
	.note-p {
		font-size: 12px;
		line-height: 16px;
    color: #666;
    text-align: left;
	}
	.section-title.text-center.cws-foundation-section p.note-p {
		margin-bottom: 0px;
		margin-top: 5px;
	}
	.content-of-winner h3 {
    line-height: 22px;
    font-size: 18px;
	}
	.content-of-winner p {
    margin-top: 0px;
    margin-bottom: 0px;
	}
	.content-of-winner {
		padding: 20px;
	}
	button.btn.btn-search {
    width: 100%;
	}
	ul.mobile-footer-menu #accordion {
		margin-bottom: 10px;
	}
	.vacancies-form .form-row {
    margin-bottom: 0px;
	}
	.image-area.culture-image-area {
    min-height: 450px;
    padding: 40px 0px;
	}
	p.p-heading::after {
    left: -20px;
	}
	.white-card.culture-white-card {
    padding: 15px;
    min-height: auto;
	}
	.white-card h2 {
		margin-bottom: 5px;
		line-height: 22px;
	}
	.white-card.benefits-card,
	.image-area.benefits-image-area .white-card-outer {
    padding: 0px;
	}
	.vacancies-btn, .join-btn {
		margin: 5px 24px;
	}
	.vacancies-btn {
    margin: 15px 25px 5px 25px;
	}
	.join-btn {
    margin: 5px 25px 0px 25px;
	}
	.image-area.benefits-image-area {
    min-height: 420px;
	}
	section#success-page .section-title h1, section#success-page .section-title h2 {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
	}
	.leadership-card-outer {
    margin-bottom: 20px;
	}
	#leadership-card {
    padding: 40px 0px 40px 0px;
	}
	#postpaid-tips h4 {
    font-size: 20px;
    line-height: 26px;
	}
	.postpaid-txt strong {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
	}
	.postpaid-txt p span {
		font-size: 14px;
	}
	.postpaid-txt p {
		margin-bottom: 10px;
	}
	.gallery-box {
		margin: 40px 0;
	}
}
@media (max-width: 420px) { 
	/* covid-19 Education Allowance */
	.covid-check .custom-control-label {
  	font-size: 12px;
	}

}
@media (max-width: 400px) {
	/* covid-19 Education Allowance */
	.vacancies-cont-area.covid-form {
	  padding: 30px;
	}
	.top-form-area.covid-blue {
	  padding: 30px;
	}
	.vacancies-cont-area.covid-form input.form-control {
		margin-bottom: 0;
	}
	.kiosk-container {
		padding: 0px;
	}
}
@media (max-width: 480px) {
	.mobiletv-started-outer.covid-sec2-outer {
		width: 100%;
	}
	.covid-sec4 h2,
	.covid-sec2 h2 {
		font-size: 24px;
	}
	.covid-sec4 p, 
	.covid-sec2 p {
		font-size: 16px;
    line-height: normal;
	}
	.image-area h1 {
		font-size: 20px;
		line-height: normal;
	}
	.banner-text.mb-postpaid-banner-text h1 {
    font-size: 20px;
    line-height: normal;
  }
  .banner-text.mb-postpaid-banner-text p {
    font-size: 14px;
    line-height: 18px;
	}
	.banner-text.mb-postpaid-banner-text {
    top: 35%;
	}
	.section-title h1,
	.section-title h2 {
		font-size: 20px;
	}
	.store-icon a img {
    width: 100px;
	}
	.iphone-left-showcase,
	.iphone-right-showcase {
		max-width: 330px;
		padding: 40px 20px;
	}
	.iphone-left-showcase > img, 
	.iphone-right-showcase > img {
		height: 250px;
	}
	.showcase-content h3 {
		font-size: 18px;
	}
	.showcase-content p {
		margin: 5px 0px 15px 0px;
		line-height: 20px;
	}
	.iphone-showcase {
		margin: 0px;
	}
	#iphone-section {
		padding-bottom: 0px;
	}
	.showcase-content {
    padding-top: 20px;
	}
	.showcase-item {
    width: 720px;
  }
	ul.social-media {
    padding-top: 20px;
    margin-bottom: 20px;
	}
	footer {
    padding: 20px 0;
	}
	/*about-us-page*/
	.blue-card {
    width: 100%;
    padding: 30px 20px;
    min-height: auto;
    margin-top: -200px;
	}
	.history-card .year-div p,
  .blue-card h2 {
    font-size: 22px;
  }
  .year-div {
    padding: 5px 15px;
    margin-top: -62px;
	}
  .image-area.image-area-with-card {
    min-height: 400px;
	}
  ul.service-menu li {
    padding: 0 20px;
	}

	/*fixedline-postpaid*/
	#international-coverage-bg .banner-content,
	#international-coverage-bg,
	.image-area.content-banner, .banner-content {
    min-height: 250px;
	}
	.image-area.content-banner{
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: contain;
	    margin-bottom: -54px;
        min-height: 162px;
       margin-top: -44px;
    }
	#fixedline-plan-slider .item {
		padding: 20px;
	}
	#fixedline-plan-slider .item h3 {
		margin-bottom: 15px;
	}
	#fixedline-plan-slider .item span {
		margin-bottom: 0px;
	}
	.monthly-features {
    margin-top: 20px;
	}
	/*privilez*/
	.row.privilez-card-item-row {
    margin-left: -5px;
    margin-right: -5px;
	}
	.col-4.privilez-card-item {
    padding-left: 5px;
    padding-right: 5px;
	}
	.privilez-card-outer {
    padding: 15px;
	}
	.banner-text p {
    font-size: 15px;
    line-height: 20px;
  }
  .image-area.privilez-image-area.gift-image-area {
    min-height: 240px;
	}
	.image-area.privilez-image-area.gift-image-area .banner-text {
    position: absolute;
    top: 30%;
    width: 80%;
	}
	/*new 6sep*/
	ul.contact-details {
		width: 35%;
	}
	.event-gallery-area > img,
	.nomination-winner-area > img {
    width: 70px;
	}
	#award-showcase h3 {
		font-size: 22px;
		margin: 20px 0;
	}
	.icons {
    float: left;
    width: 20%;
	}
	.charge-box-details {
    width: calc(100% - 20%);
	}
	.ussd-box.service-charge-box h2 {
    font-size: 18px;
	}
	#flipbook-items .owl-nav {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.accumulate-info h2 {
    font-size: 20px;
    line-height: 24px;
	}
	.accumulate-info {
    transform: translate(-50%, 33%);
	}
	.about-clicks h3 {
    font-size: 18px;
	}
	#about-homeline-prepaid .section-title h1,
	#about-homeline-prepaid .section-title h2 {
		font-size: 20px;
	}
	.service-content {
    margin-top: -212px;
	}
	.partner-item {
    width: 50%;
    padding: 20px;
    margin-bottom: 0px;
	}
	.right-blue-part .section-title {
    width: 85vw;
  }
  .close-toggle {
  	left: -40px;
  	width: 60px;
  }
  img.close-menu {
  	left: -30px;
  	top: 10px;
  }
  .policy-contents h3 {
  	font-size: 22px;
  	line-height: 25px;
  }
  .policy-contents p {
  	font-size: 14px;
  	line-height: 22px;
  }
  .offeritem p.heading {
		width: 14%;
	}
	.offeritem p.cont {
		width: 86%;
	}
	.verified-area {
		padding: 40px 20px;
	}
	div.heading h2, .avaiable-image-area .package-name h2 {
    font-size: 14px;
    line-height: 20px;
	}
	.image-area.subscribe-image-area {
    min-height: 450px;
    padding: 0px;
	}
	.image-area.subscribe-image-area .white-card h2 {
    line-height: 20px;
    font-size: 18px;
	}
	.gift-card-item {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
	}
	.gift-card-outer {
    padding: 0px 10px;
	}
	.card.history-card.grow div.card-img-top {
    height: 55vw;
  }
  .blog-details-card .card-body,
  .blog-card .card-body {
    min-height: auto;
    padding: 15px;
    /*min-height: 190px;*/
	}
	section#blog-card-related-article {
    padding: 40px 0px 10px 0px;
	}
	.top-btn-outer {
    padding: 0px 0px;
	}
	.btn.back-btn img {
    margin-right: 10px;
    vertical-align: middle;
    height: 11px;
    width: 20px;
	}
	.btn.back-btn span {
    font-size: 12px;
    line-height: 16px;
  }
  .g-recaptcha > div {
  	width: 100% !important;
  }
  #form-submit-cta {
    padding: 30px 0;
	}
	.g-recaptcha iframe {
    width: 304px;
    height: 80px;
    margin: 20px 0 10px 0;
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: center;
    -webkit-transform-origin: center;
	}
	.contact-us-gcap iframe {
	  margin-bottom: 0px;
	}
	.channels-tab .partner-form {
    width: 100%;
    float: left;
    margin-top: 10px;
	}
	.channels-tab ul.nav.nav-pills {
    float: left;
    width: 100%;
  }
	#app-store h3 {
		font-size: 18px;
		margin-bottom: 20px;
		line-height: normal;
	}

}
@media (max-width: 440px) { 
	.accumulate-info {
    transform: translate(-50%, 23%);
	}
	#app-store {
		padding: 25px 0;
	}
}
@media (max-width: 420px) {
	header {
		min-height: 130px;
	}
	#main-content {
	  margin-top: 130px;
	}
	ul.service-menu li {
    padding: 0 13px;
	}
	.item-content h3 {
		font-size: 20px;
	}
	.item-content p {
		font-size: 16px;
	}
	ul.quick-cta {
    width: 50%;
    padding: 0 20px;
	}
	.logo {
		width: 180px;
	}
	ul.right-actions {
		width: calc(100% - 180px);
	}
	ul.right-actions li {
		padding: 0 15px;
	}
	.showcase-content a img {
    width: 25px;
	}
	.slid-content h3 {
    font-size: 20px;
	}
	.slid-content p {
    line-height: normal;
    font-size: 15px;
	}
	ul.social-media {
		margin-bottom: 0px;
	}
	ul.policy-links li a {
		padding: 0 5px;
	}
	ul.policy-links li:last-child {
		margin-top: 10px;
	}
  ul.service-menu li {
    padding: 0 10px;
	}
	.select-year {
		width: 100%;
		float: left;
	}
	.select-event {
		width: 100%;
		float: left;
	}
	.gallery-select {
		display: flex;
		flex-direction: column-reverse;
	}
	/*new 6sep*/
	ul.contact-details {
		width: 40%;
	}
	ul.contact-details li img {
    margin-right: 15px;
	}
	.service-contacts {
    padding: 20px;
	}
	#galleryContent {
		margin-top: 20px;
	}
	ul.click-info li h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.service-content {
    margin-top: -234px;
	}
	.offeritem p.heading {
		width: 16%;
	}
	.offeritem p.cont {
		width: 84%;
	}
	.verify-icon {
    width: 80px;
	}
	.radio-info {
    margin-left: 10px;
    padding-left: 10px;
	}
	.accumulate-info {
    transform: translate(-50%, 23%);
	}
}

@media (max-width: 380px) {
	.covid-check .custom-control-label {
  	font-size: 11px;
  }
  .vacancies-cont-area.covid-form h4 {
  	font-size: 20px;
  }
  .vacancies-cont-area.covid-form .form-control::placeholder {
	  font-size: 8px;
	}
	.top-form-area.covid-blue p.covid-p1 {
    margin-bottom: 15px;
  }
  .top-form-area.covid-blue p {
    font-size: 12px;
  }
  .covid-blue a {
    font-size: 13px;
  }
  .top-form-area.covid-blue h1 {
    font-size: 25px;
  }
  .top-form-area.covid-blue {
    padding: 20px;
  }
  .covid-form li {
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 18px;
  }
  .vacancies-cont-area.covid-form h4 {
    margin-bottom: 15px;
    margin-top: 40px;
  }
	ul.quick-cta li a {
		font-size: 14px;
	}
	ul.quick-cta h3 {
		font-size: 17px;
	}
	.iphone-left-showcase, .iphone-right-showcase {
		max-width: 280px;
		padding: 30px 15px;
	}
	.showcase-content {
		padding-left: 15px;
		padding-top: 10px;
	}
	.iphone-left-showcase > img, 
	.iphone-right-showcase > img {
    height: 230px;
	}
	.showcase-content p {
		margin: 10px 0;
	}
	.showcase-item {
		width: 620px;
	}
	ul.right-actions li {
		padding: 0 10px;
	}
	/*new 6sep*/
	ul.contact-details {
		width: 45%;
	}
	ul#ContactTab.nav-tabs .nav-item {
		margin-right: 20px;
	}
	.contact-form-area .view-details {
		width: 180px;
		margin: 0 auto;
		padding: 10px 20px;
	}
	.icons {
    float: left;
    width: 25%;
	}
	.charge-box-details {
    width: calc(100% - 25%);
	}
	.standard-rates-info .disclimer-text {
		margin-top: 15px;
		font-size: 13px;
	}
	#ussd-code .section-title h1,
	#ussd-code .section-title h2 {
    font-size: 20px;
	}
	.click-boosters .giga-boost .wireless-packages {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 4%;
	}
	.service-content {
    margin-top: -256px;
	}
	.offeritem p.heading {
		width: 20%;
	}
	.offeritem p.cont {
		width: 80%;
	}
	.section-title h1, .section-title h2 {
    font-size: 20px;
    line-height: 24px;
	}
	.top-cont {
		background-color: rgba(255,255,255,0.7);
		padding-bottom: 20px;
	}
	.top-cont.gc-top-cont {
		background-color: transparent;
		padding-bottom: 0px;
	}
	.accumulate-info {
    transform: translate(-50%, 20%);
	}
	
}

@media (max-width: 350px) {
	.xtra-boosters-box-outer {
		width: 100%;
		max-width: 100%;
		padding: 0px 15px;
		flex: 100%;
    margin-bottom: 10px;
	}
	.xtra-boosters-box-outer-row {
		margin: 0px -15px;
	}
	.xtra-boosters-box {
    padding: 10px;
    margin-bottom: 0px;
	}
	.verify-icon {
    width: 40px;
	}
	.verify-form .radio-area:first-child {
		margin-bottom: 15px;
    padding-bottom: 15px;
	}
	.radio-info p {
    font-size: 14px;
    line-height: 20px;
	}
}
/*min-width*/
@media (min-width: 1300px) {
	/*.feedback-form .container {
	  max-width: 1230px;
	  float: right;
	}*/
	ul.cast-list li {
		line-height: normal;
	}
}
@media (min-width: 1200px){
	html#cwseychelles-zoom {
	  zoom: 85%;
	}
}
@media (min-width: 768px) {
	.mobile-menu {
		display: none;
	}
}
@media (min-width: 576px) {
	.register-icon img {
		display: none;
	}
	.modal-dialog {
    margin: 10.75rem auto;
	}
}



/*business-page-responsive*/
@media (max-width: 1300px) {
	.level-top ul.right-actions li, .header.top-area ul.right-actions li {
    padding: 0px 15px;
	}
	ul.right-actions.main-menu.drop-menu .dropdown-menu {
		right: 15px;
	}
	.iptv-pack-box {
		padding: 30px 22px;
	}
	.plan-cta a {
    width: 142px;
	}
}
@media (max-width: 1200px) {
	section#b-optioncard {
		padding: 50px 0px 30px 0px;
	}
	section#b-connected {
    padding: 40px 0px;
	}
	section#b-service {
		padding: 50px 0;
	}
	.wide-card {
		margin-bottom: 50px;
	}
	#update-contact {
		min-height: 450px;
	}
	#more-about {
		padding: 50px 0;
	}
	.more-about-inner p {
		font-size: 20px;
		line-height: normal;
	}
	.contact-items .item p span {
		font-size: 20px;
		line-height: normal;
	}
	.contact-items {
		margin-top: 30px;
	}
	.b-line-title-area {
		padding: 40px 0;
	}
	.features-area,
	.add-ons-area {
		padding: 40px 0;
	} 
	.add-benefits {
		padding: 55px 40px;
	}
	.add-feature {
		padding: 55px 40px;
	}
	.add-features_benefit .add-benefits ul li,
	.add-features_benefit .add-feature ul li {
		font-size: 15px;
		line-height: normal;
	}
	.add-feature {
		width: 36%;
	}
	.add-benefits {
		width: 64%;
	}
	.add-ons-area h4 {
		font-size: 20px;
	}
	section#who-we-are-static, section#who-we-are {
		padding: 40px 0 20px 0;
	}
	.b-white-card h2 {
		font-size: 24px;
		line-height: normal;
	}
	.b-white-card h2 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
	}
	section#benefits-features {
		padding: 40px 0;
	}
	section#pbx-system {
		padding: 50px 0px 310px 0px;
	}
	.pbx-box-outer {
		padding-left: 20px;
    padding-right: 20px;
	}
	.wide-card.vertical-view .cont-div {
		padding: 40px;
	}
	.pbx-benefits-outer {
		margin-bottom: 40px;
	}
	section#pbx-advantages {
		padding-bottom: 40px;
	}
	.business-postpaid-content {
		padding: 50px 0;
	}
	.basic-features p {
		font-size: 14px;
	}
	.basic-feature-plan {
		margin-top: 30px;
	}
	.basic-feature-plan {
		padding: 50px;
	}
	.basic-feature-plan ul li {
		font-size: 14px;
	}
	.business-choose {
		padding: 60px 0;
	}
	.business-benefits {
		margin-top: 30px;
	}
	.benefit-box p {
		font-size: 14px;
		line-height: 20px;
	}
	#bulk-sms-content {
		padding: 50px 0;
	}
	.bulk-content p {
		font-size: 16px;
		line-height: 26px;
	}
	.what-bulk-sms {
		margin: 40px 0;
	}
	.bulk-sms-platform {
		margin: 0 auto;
	}
	#cmp_smpp {
		padding: 60px 0;
	}
	#cmp_smpp .left-area,
	#cmp_smpp .right-area {
		padding: 50px;
	}
	#bulkSMS-box {
    padding-top: 80px;
	}
	.icon-area {
		margin-bottom: 30px;
	}
	#platform-area {
    padding-top: 50px;
	}
	#hospitality-txt {
		padding: 40px 0;
	}
	#hospitality-benefits {
		padding: 50px 0;
	}
	.tv-bundle-content,
	.benefit-box-item {
		padding: 40px;
	}
	#managed-content {
		padding: 50px 0 40px 0;
	}
	.managed_benefit .benefit-box h3 {
		font-size: 24px;
		line-height: 32px;
	}
	.managed_benefit .benefit-box .benefit-box-img {
	  min-height: 210px;
	}
	.benefit-txt {
		padding: 40px;
	}
	.managed_benefit {
		margin-top: -210px;
	}
	#manage-benefits {
		margin-top: 210px;
	}
	#manage-benefits {
		padding-bottom: 60px;
	}
	#recovery-content {
		padding: 60px 0;
	}
	.disaster-txt {
		padding: 40px;
	}
	#recovery-content {
		margin-bottom: 100px;
	}
	#recovery-content {
		height: 715px;
	}
	.disaster-txt p {
		font-size: 14px;
		line-height: 20px;
	}
	.disaster-txt ul li {
		font-size: 14px;
		line-height: 20px;
	}
	#dib-txt {
		padding: 20px 0 50px 0;
	}
	#dib-features-benefits {
		padding: 50px 0;
	}
	.bandwidth-area {
		padding: 40px 0;
	}
	#video-conference-content {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	#meeting-area h2 {
		font-size: 22px;
		line-height: 30px;
	}
	#hospitality-txt.contentbox {
		padding: 50px 0 40px 0;
	}
	ul.right-actions.main-menu.drop-menu {
		width: calc(100% - 165px);
	}
	.level-top ul.right-actions li, .header.top-area ul.right-actions li {
    padding: 0px 8px;
	}
	ul.right-actions.main-menu.drop-menu .dropdown-menu {
		right: 8px !important;
	}
	.top-area {
    padding: 0px 20px;
	}
	.plan-cta a {
    width: 100%;
    margin-top: 10px;
	}
	.plan-cta .grey-btn {
		width: 100%;
    margin: 0;
    margin-bottom: 10px;
	}
	.plan-cta a.bg-blue {
    float: right;
    width: 100%;
    margin: 0;
	}
}
@media (max-width: 1030px) {
	ul.right-actions.main-menu.drop-menu > li {
		display: none;
	}
	ul.right-actions li.business_mobile_menu {
		display: block !important;
		text-align: right;
	}
	.level-top.mhidden_item {
    display: none;
	}
	.level-second {
		padding: 10px 0;
	}
	header.business-page-header {
    min-height: 50px;
	}
	.business-main-content {
    margin-top: 50px !important;
	}
}
@media (max-width: 992px) {
	.b-option-card {
		padding: 30px;
	}
	.b-option-card p {
		font-size: 16px;
	}
	.wide-card.vertical-view .cont-div {
		padding: 40px;
	}
	.wide-card.vertical-view .img-div, {
		min-height: 245px;
	}
	#update-contact {
		min-height: 350px;
	}
	.contact-items .item p {
		font-size: 15px;
		line-height: normal;
	}
	.contact-items .item {
		align-items: end;
	}
	.contact-items .item p span {
		font-size: 16px;
	}
	.add-benefits {
    width: 100%;
	}
	.add-feature {
    width: 100%;
	}
	.add-benefits,
	.add-feature {
		padding: 40px;
	}
	.pbx-benefits-outer {
		padding: 40px;
		min-height: auto;
	}
	#leased_circuits {
		padding: 50px 0;
	}
	.npcl-content {
		width: 100%;
		padding: 40px;
	}
	.npcl-img {
		width: 100%;
		min-height: 300px;
	}
	#leased_circuit .col-md-12 .npcl-area:first-child {
		flex-direction: column-reverse;
	}
	#leased_circuit {
    padding: 50px 0px;
	}
	.iplc-area {
    margin-top: 30px;
	}
	.b-white-card.vsat-card-outer .left-img-div {
		width: 100%;
		min-height: 300px;
	}
	.b-white-card.vsat-card-outer .right-cont {
		width: 100%;
		padding: 50px;
	}
	section#vsat {
		padding: 50px 0;
	}
	.basic-feature-plan ul {
		grid-template-columns: repeat(3, 1fr);
	}
	.basic-feature-plan {
		padding: 40px;
	}
	.bulk-content p {
		font-size: 14px;
		line-height: 22px;
	}
	.what-bulk-sms {
		padding: 30px;
	}
	.bulk-content p {
		padding: 0px;
	}
	.bulk-platform-img {
		width: 100%;
		min-height: 300px;
	}
	.bulk-platform-content {
		width: 100%;
		padding: 40px;
	}
	#cmp_smpp .left-area, 
	#cmp_smpp .right-area {
		padding: 40px;
	}
	#cmp_smpp .bulk-sms-box h3 {
		font-size: 20px;
		line-height: 26px;
	}
	#bulkSMS-box .bulk-sms-box {
		width: 100%;
		margin-left: 0px;
	}
	#bulkSMS-box .bulk-sms-box:first-child {
		margin-bottom: 60px;
	}
	.bulk-sms-box p {
		font-size: 14px;
		line-height: 22px;
	}
	.icon-area {
		margin-bottom: 0px;
	}
	.voter-img {
		width: 100%;
		min-height: 300px;
	}
	.voter-content {
		width: 100%;
		padding: 20px 40px 40px 40px;
	}
	#manage-benefits {
		padding-bottom: 60px;
	}
	.managed_benefit {
    margin-top: -156px;
	}
	.managed_benefit .benefit-box h3 {
    font-size: 22px;
    line-height: 30px;
	}
	.managed_benefit .benefit-box .benefit-box-img {
    min-height: 320px;
	}
	.benefit-txt {
    padding: 30px;
	}
	#manage-benefits {
    margin-top: 156px;
	}
	.benefit-txt ul li {
		font-size: 14px;
		line-height: 22px;
	}
	.recovery-box {
		width: 100%;
	}
	#recovery-content {
		height: auto;
	}
	.recovery-box.disaster-item {
		margin-top: 30px;
	}
	#recovery-content {
    margin-bottom: 0;
	}
	.recovery-box > img {
    width: 100%;
	}
	.dib-item-box {
		width: 100%;
		margin: 15px 0;
	}
	.dib-item-box.rightside {
		margin-top: 0px;
	}
	.dib-item-box {
		padding: 30px;
	}
	.feature-benefit ul li {
		margin: 0 10px;
		font-size: 14px;
		line-height: 22px;
	}
	.feature-benefit {
		margin-bottom: 0px;
	}
	#meeting-area h2 {
		width: 100%;
	}
	.hero-container {
		margin-top: 20px;
	}
	#hospitality-txt p strong {
		font-size: 16px;
		line-height: 24px;
	}
	.casestudy-details {
		padding-bottom: 30px;
	}
	.case-study-img {
		width: 30%;
	}
	.case-study-img {
    background-image: none !important;
	}
	.casestudy-details .mobile-img {
    float: left;
    width: 100%;
    margin-bottom: 30px;
	}
	#case-study {
		padding: 40px 0;
		margin-bottom: 40px;
	}
	.casestudy-details p {
		margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
	}
	.case-icon {
		width: 70px;
		height: 70px;
		padding: 20px;
	}
	.title-area h4 {
		left: 90px;
	}
}
@media (max-width: 991px) {
	ul.service-menu li {
		padding: 0px 10px;
	}
}
@media (max-width: 768px) {
	.b-option-card {
    padding: 20px;
	}
	.b-option-card p {
    font-size: 15px;
    line-height: normal;
	}
	.btn.learn-more-btn.bg-blue {
		width: 150px;
    height: 33px;
    line-height: normal;
    font-size: 15px;
	}
	.wide-card .img-div,
	.wide-card .cont-div {
		width: 100%;
	}
	.wide-card .cont-div {
		padding: 40px;
	}
	.wide-card {
    margin-bottom: 0px;
	}
	section#b-service .wide-card,
	section#b-service .wide-card.vertical-view {
    margin-bottom: 30px;
	}
	section#b-service .wide-card.vertical-view {
		height: auto;
	}
	section#b-service {
		padding: 50px 0px 20px 0px;
	}
	.wide-card.vertical-view .cont-div {
		padding: 40px;
	}
	.wide-card.vertical-view .img-div, 
	.wide-card .img-div {
		min-height: 245px;
	}
	#update-contact {
		min-height: 300px;
	}
	.contact-items .item {
    align-items: center;
    float: left;
    width: 100%;
	}
	.contact-items .item {
		justify-content: left;
		margin-top: 20px;
		width: 50%;
	}
	.contact-items .item:first-child {
		margin-top: 0px;
	}
	.benefit-leftside,
	.benefit-rightside {
		float: left;
		width: 100%;
		padding-left: 0px;
	}
	.benefit-rightside {
		margin-top: 20px;
	}
	.benefit-rightside ul li {
		margin-top: 10px;
	}
	.b-line-benefits {
		padding: 40px 0;
	}
	.feature-bg-img {
		width: 30%;
		background-image: none !important;
	}
	.add-ons-area .section-title {
		text-align: center;
	}
	.add-ons-area h4 {
    font-size: 18px;
	}
	.add-ons-area p {
		font-size: 14px;
		line-height: normal;
	}
	.add-features_benefit .add-feature ul li {
		margin-top: 10px;
	}
	section#pbx-system {
		padding: 20px 0px 310px 0px;
	}
	.row.pbx-box-outer-row {
    margin-left: -20px;
    margin-right: -20px;
	}
	.pbx-left-ul {
		padding-right: 20px;
	}
	.pbx-right-ul {
		padding-left: 20px;
	}
	.pbx-benefits-cont h3 {
		font-size: 20px;
		line-height: normal;
	}
	.pbx-benefits-outer {
		margin-bottom: 20px;
	}
	.basic-feature-plan ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.business-choose {
		padding: 40px 0;
	}
	.business-benefits li.benefit-box {
		width: 48.5%;
		margin-left: 0;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.business-benefits li.benefit-box:first-child {
    margin-left: 0px;
	}
	.business-benefits li.benefit-box:nth-child(2n) {
		margin-right: 0px;
	}
	.business-benefits {
    margin-top: 20px;
	}
	#cmp_smpp .left-area, #cmp_smpp .right-area {
		float: left;
		width: 100%;
	}
	#cmp_smpp .left-area {
		margin-right: 0px;
	}
	#cmp_smpp .right-area {
		margin-top: 30px;
		margin-left: 0px;
	}
	#bulkSMS-box .bulk-sms-box {
		padding: 20px;
	}
	.benefit-left-content {
		width: 100%;
	}
	.benefit-right-content {
		width: 100%;
		margin-left: 0%;
		margin-top: 4%;
	}
	#manage-benefits {
    margin-top: 0;
	}
	.managed_benefit {
    margin-top: 0;
	}
	#manage-benefits {
		padding: 40px 0;
	}
	.managed_benefit .benefit-box {
		width: 100%;
	}
	.managed_benefit .benefit-box:first-child {
		margin-bottom: 20px;
	}
	.plan-cta a {
    width: 48%;
    margin-top: 0;
    margin: 1%;
	}
}
@media (max-width: 767px) {
	.feature-benefit ul li {
    margin: 0 10px;
    font-size: 14px;
    line-height: 30px;
	}
	ul.service-menu li {
		padding: 0px 3px;
	}
}
@media (max-width: 576px) {
	#update-contact {
		min-height: 250px;
	}
	.add-feature {
		padding-top: 20px;
	}
	.wide-card.vertical-view .cont-div {
		padding: 30px;
	}
	.pbx-left-ul {
		float: left;
		width: 100%;
		border-right: none;
	}
	.pbx-right-ul {
		padding-left: 0px;
		width: 100%;
	}
	.business-benefits li.benefit-box {
		width: 48%;
	}
	.disaster-txt h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.meeting-hero {
		width: 100%;
	}
	.meeting-hero .hero-title {
		width: 90%;
	}
	.meeting-hero .hero-title.text-right {
		left: 15px;
	}
	.meeting-hero .hero-title.text-left {
		left: 15px;
	}
	.hero-title.text-right {
		text-align: left!important;
	}
	ul.right-actions.main-menu.drop-menu {
		display: block;
	}
	.top-area {
    padding: 0px 10px;
	}
	.page-info.puk-area h2 {
		margin-bottom: 15px;
	}
	.managed_benefit .benefit-box .benefit-box-img {
    min-height: 180px;
	}
	ul.service-menu li {
		padding: 0px 15px;
	}
}
@media (max-width: 480px) {
	.b-option-card-outer {
		width: 50%;
	}
	#update-contact {
		min-height: 200px;
	}
	.col-md-7.b-white-card-outer .b-white-card ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		padding-left: 0px;
		grid-template-columns: repeat(1, 1fr);
	}
	#leased_circuit,
	#leased_circuits {
    padding: 30px 0px;
	}
	.npcl-content {
		padding: 25px;
	}
	.npcl-img {
		min-height: 200px;
	}
	.b-white-card.vsat-card-outer .left-img-div {
		min-height: 200px;
	}
	.b-white-card.vsat-card-outer .right-cont {
		padding: 30px;
	}
	section#vsat {
		padding: 40px 0;
	}
	.business-postpaid-content {
    padding: 40px 0;
	}
	.bulk-platform-img {
		min-height: 200px;
	}
	#bulkSMS-box {
		padding-top: 60px;
	}
	.bulk-sms-box p {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.icon-area {
		width: 100px;
		height: 90px;
		padding: 20px;
	}
	.bulk-sms-box p {
		margin-top: 10px;
	}
	#bulkSMS-box .bulk-sms-box {
		padding: 15px;
	}
	.voter-img {
		min-height: 200px;
	}
	.voter-content {
		padding: 0 20px 20px 20px;
	}
	#dib-txt {
    padding: 10px 0 40px 0;
	}
	.feature-benefit {
		padding: 20px;
	}
	.dib-item-box {
    padding: 20px;
	}
	#video-conference-content {
    padding-top: 40px;
    padding-bottom: 30px;
	}
	#hospitality-txt.contentbox {
    padding: 40px 0 30px 0;
	}
	a.play-img {
		width: 60px;
	}
	.page-info.puk-area h2 {
		font-size: 18px;
		line-height: 24px;
	}
	.basic-feature-plan h4 {
		margin-bottom: 15px;
	}
	.basic-feature-plan ul {
		margin-top: 0px;
	}
	.feature-benefit ul li {
    margin: 0 10px;
    font-size: 14px;
    line-height: 30px;
    display: block;
    text-align: left;
	}
}
@media (max-width: 420px) {
	.contact-items {
		width: 60%;
		float: none;
		margin: 0 auto;
	}
	.contact-items .item:first-child {
		margin-top: 30px;
	}
	.contact-items .item {
		width: 100%;
	}
	#more-about {
    padding: 30px 0;
	}
	.more-about-inner p {
		font-size: 18px;
	}
	.b-white-card {
    padding: 20px;
	}
	.basic-feature-plan {
    padding: 30px;
	}
	.business-benefits li.benefit-box {
		width: 100%;
		margin-right: 0px;
	}
	.business-benefits li.benefit-box:first-child {
		margin-right: 0px;
	}
	ul.benefit-items {
		margin-top: 20px;
	}
	.bulk-platform-content {
		padding: 30px;
	}
	#cmp_smpp .left-area, 
	#cmp_smpp .right-area {
		padding: 20px;
	}
}
@media (max-width: 380px) {
	.contact-items {
		width: 100%;
		float: left;
	}
	.add-benefits, .add-feature {
    padding: 30px 20px;
	}
	.basic-feature-plan ul {
    grid-template-columns: repeat(1, 1fr);
	}
	.plan-cta a {
    width: 100%;
    margin-top: 10px;
	}
}
@media (min-width: 992px) {
	.mobile-img {
		display: none;
	}
}