@media only screen and (max-width: 1280px) {
	#innerbanner h1,#detailbanner h1 { font-size: 36px; }
	#innerbanner .left__col { flex: 0 0 100%; max-width: 100%; }
	.container { max-width: 100%; padding: 0 30px; }
	.section-title h3 { font-size: 32px; }
	.grid-section .mask { width: 100%; }
	.listing-section-container .grid-section .col:nth-child(2n) .col-container .mask { margin-left: 0; }
	.grid-section h4 { font-size: 18px; }
	.grid-section .mask { padding: 20px }
	.grid-section .mask h6, .grid-section .mask p { font-size: 14px; margin:  0 0 10px; }
	.grid-section .btn.btn-primary { padding: 6px 12px; }
	.grid-section .grid-info { padding: 20px 20px 40px; }
	.grid-section p { font-size: 14px; }
	.grid-section .col:nth-child(3n+2) .col-container .mask, .grid-section .col:nth-child(3n+3) .col-container .mask {
		margin-left: 0;
	}
	#mainbanner .left__col h1, #mainbanner .left__col h2 { font-size: 28px; }
	#mainbanner .left__col h1 span { font-size: 40px; }
	#mainbanner .btn.btn-primary.btn-lg { min-width: 180px; padding: 10px 30px;  }
	.most-prefered-section h4 { font-size: 20px; }
	.most-prefered-section p, .about-section .section-info p { font-size: 16px; }
}

@media only screen and (max-width: 1170px) {
	#innerbanner h1, #detailbanner h1 { font-size: 30px; text-align: center; }
	#detailbanner h1 { text-align: left; }
	#sub-banner h1 { font-size: 28px;  }
	#footer { font-size: 14px; }
	#footer-logo { width: 150px; }
	#footer-logo img { width: 100%; height: auto; }
	#footer h4 { font-size: 20px; margin: 0 0 10px; }
	#footer .top__footer ul li:not(:first-child) { margin: 5px 0 0; }
	.section, .cart-main-block { padding: 40px 0; }
	.recent-courses-section { padding: 0 0 40px; }

	.cart-actions button, .cart-course-name  { font-size: 15px; }
	.cart-course-update { font-size: 14px; }
	.cart-main-block .col-lg-9 { flex: 0 0 66.667%; max-width: 66.6667%; }
	.cart-main-block .col-lg-3 { flex: 0 0 33.333%; max-width: 33.333%; }
	.cart-main-block .coupon-apply .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
	.cart-main-block .coupon-apply .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
	.cart-main-block .coupon-apply .btn.btn-primary { width: 100%; }

	.circle-icon-section .container { flex-wrap: wrap; }


	.cart-add-block .col-lg-2 { flex: 0 0 20%; max-width: 20%;  }
	.cart-add-block .col-lg-2 + .col-lg-4 { flex: 0 0 80%; max-width: 80%;  }
	.cart-actions { display: flex; }
	.cart-actions span:not(:first-child) { margin-left: 8px; }
	.cart-img img { width: 150px; }
	.cart-add-block .col-lg-2.offset-lg-1 { margin: 0; flex: 0 0 50%; max-width: 50%; }
	.cart-add-block .col-lg-3 { flex: 0 0 50%; max-width: 50%; }
	.cart-add-block .col-lg-3 .row { flex-wrap: nowrap; }
	.cart-add-block .col-lg-3 .col-lg-2 { display: none; }
	.cart-add-block .col-lg-10 { flex: 0 0 100%; max-width: 100%; }
	.cart-course-amount ul { display: flex; align-items: center; justify-content: flex-end; }
	.cart-course-amount li:not(:first-child) { margin-left: 8px; }
	#sub-banner p,#sub-banner h5, .nav-tabs .nav-link,.detail-section p { font-size: 16px; }
	.sub-detail-section .section h4 { font-size: 20px; }
	body .question-col h4 { font-size: 18px !important; }
	.detail-section h3, .detail-section h4 { font-size: 22px; }
	.detail-section li { font-size: 16px; }

	.detail-section .primary-col { flex: 0 0 60%; max-width: 60%; }
	.detail-section .sidebar-col { flex: 0 0 40%; max-width: 40%; }
	.detail-section .sidebar-col .white-module-box h4, .detail-section .sidebar-col .gray-module-box h4 { font-size: 20px; }
	
	.custom-control { padding-left: 28px; }
	.custom-control-label { font-size: 14px; }
	.custom-control-label::before, .custom-control-label::after { margin-top:2px; }
	#mainbanner .left__col h1, #mainbanner .left__col h2 { font-size: 24px; }
	#mainbanner .left__col h1 span { font-size: 30px; }

}

/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
}



/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	#innerbanner h1, #detailbanner h1 { font-size: 28px; text-align: center; }
	#detailbanner h1 { text-align: left; }
	.newsletter-col {	flex: 0 0 100%; max-width: 100%; }
	.about-col { flex: 0 0 40%;  max-width: 40%; }
	.quick-col { flex: 0 0 20%; max-width: 20%; }
	.contact-col { flex: 0 0 40%; max-width: 40%; }
	.about-section-grid .top-container { font-size: 16px; }
	.section-title h3 { font-size: 28px; }
	#sub-banner h1 { font-size: 28px;  }
	.navbar-expand-md .navbar-nav .nav-link { padding: 0 15px; }
	.faculty__section [class*="col-"], .course__grid [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	#detailbanner { height: auto; padding: 60px 0;  }

} 

@media only screen and (max-width: 991px) {
	.navbar-collapse  { position: fixed; z-index: 100; left: 0; background-color: #fff; display: block !important; transform: translateX(-100%); transition: all 550ms linear;  padding: 20px; width: 250px; top: 0; height: 100vh; overflow-y: scroll; }
	.navbar-toggler { width: 40px; height: 40px; padding: 0; margin-left: auto; }
	.navbar-collapse.collapse.show { display: block !important; transform: translateX(0);  transition: all 550ms linear; }
	.bottom__header .left__col { flex: 0 0 60%; max-width: 60%; }
	.bottom__header .right__col { flex: 0 0 40%; max-width: 40%; }
	.top__header .info__listing li { text-align: center; font-size: 0; }
	.top__header .info__listing li:not(:first-child) { margin-left: 30px; margin-top:  0; }
	.top__header .left__col {  flex: 0 0 20%; max-width: 20%; }
	.top__header .right__col {  flex: 0 0 80%; max-width: 80%; }
	.about-section-grid .row { margin: 0 -10px; justify-content: center; }
	.grid-icon-container .col-container { padding: 20px; }
	.about-section-grid .col { padding: 0 10px; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }
	
	.cart-main-block .col-lg-9,.cart-main-block .col-lg-3 { flex: 0 0 100%; max-width: 100%; }
	.cart-main-block .col-lg-3 { margin-top: 30px;  }
	.cart-main-block .coupon-apply .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
	.cart-main-block .coupon-apply .col-lg-3 { flex: 0 0 25%; max-width: 25%; margin-top: 0; }

	.cart-add-block .col-lg-2.offset-lg-1 { margin: 10px 0 0; flex: 0 0 100%; max-width: 100%; }
	.cart-main-block .col-lg-3 { margin: 10px 0 0; }
	.cart-course-amount ul { justify-content: flex-start; }
	.about-this-section .container { padding: 0; }
	.question-col .bottom-container { flex-wrap: wrap; }
	.question-col .bottom-container h5 { flex: 0 0 calc(100% - 78px); max-width: calc(100% - 78px); }
	.navbar-expand-md .navbar-toggler  { display: block; }

	#course-content .col-8, 	#course-content .col-4, #course-content .col-6  {  flex: 0 0 100%; max-width: 100%; }
	#course-content .col-6 .text-right {  text-align: left !important; }
	#course-content  .row { margin-bottom: 20px; }
	.quiz-not-added h3, .detail-section h3, .detail-section h4 { font-size: 20px; }
	.quiz-not-added p { font-size: 16px; }

	.detail-section .primary-col ul li { padding-left: 26px; }
	.detail-section .primary-col ul li::before { left: 10px; }

	.faculty__section img { width: 48px; height: auto; }
	.faculty__section .info-container h5 { font-size: 16px; }
	.duration-accordion [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	.accordion h5 .btn-link::before {  left: 14px;  }
	.accordion.duration-accordion h5 .class {  margin: 5px 0; }
	.accordion.duration-accordion h5 .btn-link {  padding-left: 48px; }
	.accordion h5 .btn-link .text-right { text-align: left !important; }
	.question-block h4 { font-size: 18px; line-height: 1.65; }
	.accordion.duration-accordion h5 .chapter-total-time, .accordion.duration-accordion h5 .class {  text-align: left; }
	.grid-section .col { flex: 0 0 100%; max-width: 100%; }
	.grid-section .col .col-container:hover .mask { display: none; }
	.recent-courses-section .grid-section .col  { flex: 0 0 50%; max-width: 50%; }

	.statstics-section .col { flex: 0 0 100%; max-width: 100%; }
	.assoication-section .col { flex: 0 0 33.33%; max-width: 33.333%; padding: 0 7px; margin-bottom: 14px; }
	.about-section + .grid-section .col { flex: 0  0 50%; max-width: 50%; }
}



/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	#innerbanner h1, #detailbanner h1 { font-size: 24px; }
	.about-col { flex: 0 0 100%; max-width: 100%; margin: 0 0 30px; }
	.quick-col { flex: 0 0 40%; max-width: 40%; margin: 0 0 30px; }
	.contact-col { flex: 0 0 60%; max-width: 60%; margin: 0 0 30px; }
	.section-title h3 { font-size: 24px; }

	#sub-banner { height: auto; padding: 30px 0; }
	#sub-banner .right__col { padding-right: 15px; padding-left: 15px; margin-top: 20px; }
	#sub-banner .left__col, #sub-banner .right__col { flex: 0 0 100%; max-width: 100%; }
	.nav-tabs .nav-item, .nav-tabs .nav-item:not(:first-child) { margin: 0 7px 14px; }
	.sub-detail-section .table-listing-container .row { padding: 10px 0;  }
	.sub-detail-section .table-listing-container .col { flex: 0 0 100%; max-width: 100%; padding: 10px 15px;  }

	.nav-tabs .nav-item { flex: 0 0 100%; max-width: 100%; text-align: center; }
	#sub-banner h1 { font-size: 20px; }

	.question-answer-section .top-section { display: block !important; text-align: center; }
	.question-answer-section .top-section .btn.btn-primary { display: block; margin: 15px auto 0; width: 260px; }
	.detail-section .primary-col, .detail-section .sidebar-col { flex: 0 0 100%; max-width: 100%; }

	#detailbanner .left__col, #detailbanner .right__col { flex: 0 0 100%; max-width: 100%; }
	#detailbanner .right__col  { margin-top: 30px; }
	#detailbanner .updation__section {  flex-direction: column; }
	#detailbanner .rating .star:first-child { margin-left: 0; }
	#detailbanner .rating { margin: 0; padding-left: 0;  }
	.result-table th, .result-table td { font-size: 14px; line-height: 1.25; display: block; width: 100%; }
	.result-table th { display: none; }
	.result-table td::before {  display: block; font-weight: 600; }
	.result-table td:first-child::before{ content: "Total No. of Questions"; }
	.result-table td:nth-child(2)::before{ content: "Correct No. of Questions"; }
	.result-table td:nth-child(3)::before{ content: "Per Question Mark"; }
	.result-table td:nth-child(4)::before{ content: "Total Marks"; }
	.custom-control-label { font-size: 14px; }
	.question-block h4  { font-size: 16px; }

	.listing-section-container [class*='col-'] { flex: 0 0 100%; max-width: 100%; }
	.listing-section-container .col-sm-8 { margin-top: 30px; }
	.sorting-section .text-right { text-align: left !important;  margin-top: 20px; }
	.listing-section-container .col { flex: 0 0 50%; max-width: 50%; }

	.about-section::before { position: relative; width: 100%; height: auto; padding-top: 56.25%; display: block; }
	.about-section { padding-top: 0; }
	.about-section [class*='col-'] { flex: 0 0 100%; max-width: 100%; margin-left: 0 !important; padding-top: 30px; }
	.most-prefered-section .col { flex: 0 0 100%; max-width: 100%; }
	.most-prefered-section .col:first-child .col-container { border-radius: 8px 8px 0 0; }
	.most-prefered-section .col:last-child .col-container { border-radius: 0 0 8px 8px; }
	.circle-icon-section .circle { margin: 0 0 20px 20px; }
	.assoication-section .col { flex: 0 0 50%; max-width: 50%; }
	.statstics-section .col:not(:last-child) { border-right: 0; margin-bottom: 20px; }
	.statstics-section .col .col-container { justify-content: flex-start !important; }
	.contact-section .info-box { width: 90%; }
	.contact-section .form-list .col { flex: 0 0 100%; max-width: 100%; }
	.contact-section .form-list .btn.btn-primary { width: 100%; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	#logo img { width: 100%; height: auto; }
	.about-section-grid .col, 	.listing-section-container .col, .recent-courses-section .grid-section .col, .about-section + .grid-section .col   { flex: 0 0 100%; max-width: 100%; }
	.finish-buttons .btn { width: 100%; margin: 10px 0 0; }
	#mainbanner .left__col { padding-top: 60px ; }
	.circle-icon-section .circle { margin-left: 0; }

}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.quick-col,.contact-col { flex: 0 0 100%; max-width: 100%;  }
	.bottom__footer .left-col, .bottom__footer .right-col { flex: 0 0 100%; max-width: 100%; text-align: center !important; }
		
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/