@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}
@media (max-width:1199px){
	.container{
	    max-width: 94%;
	}
	.bannerText p br{
    	display: none;
    }
    .summarySection .leftText p br{
    	display: none;		
    }
    .topSection {
    	padding: 100px 0px;
	}
}
@media (max-width:1023px){
	h1{
	    font-size: 42px;
	    line-height: 52px;
	}
	h2{
	    font-size: 36px;
	    line-height: 46px;
	}
	h3{
	    font-size: 30px;
	    line-height: 40px;
	}
	h4{
	    font-size: 26px;
	    line-height: 36px;
	}
	h5{
	    font-size: 22px;
	    line-height: 32px;
	}
	h6{
	    font-size: 18px;
	    line-height: 30px;
	}
	.topSection {
	    padding: 70px 0px;
	}	
	.bannerText{
		margin-bottom: 25px;
	}
	.bannerText h2 {
	    font-size: 36px;
	    line-height: 46px;
	}
	.bannerText p {
	    font-size: 18px;
	    line-height: 28px;
	}
	.topSection .imgBox{
		text-align: center;
	}
	.summarySection{
		padding: 70px 0px;
	}
	.summarySection .leftText{
		text-align: center;
		margin-bottom: 30px;
	}
	.introSection {
	    padding: 80px 0px;
	}
	.introSection .introTopPart{
		margin:0px 0px 30px;
	}
	.introSection .introSectionText ul.customStyle{
		padding: 0px 0px 0px 20px;
	}
	.introSection .introSectionCta,
	.introSection .introSectionCta.withOverlay{
		padding: 100px 15px;
	}
	.ctaSection .ctaText{
		padding: 45px 10px;
	}	
	.ctaSection .ctaText h2 br{
		display: none;
	}
	.mouseScroll {
	    margin-top: 40px;
	}
}
@media (max-width:767px){
	.topSection {
	    padding: 50px 0px;
	}	
	.summarySection {
	    padding: 50px 0px;
	}
	.introSection {
	    padding: 60px 0px;
	}
	.twoColsSection .mobileViewColumn{
		flex-direction: column;
	}
	.introSection .twoColsSection .boxPart{
		margin: 15px 30px;
	}	
	.noteBox {
    	padding: 20px;
	}
	.introSectionText .accordion .card-header button{
		padding: 15px;
	}
	.authorDetails .dataPart{
		margin-top: 15px;
		text-align: center;
	}
}
@media (max-width:574px){
	h1{
	    font-size: 36px;
	    line-height: 46px;
	}
	h2{
	    font-size: 28px;
	    line-height: 36px;
	}
	h3{
	    font-size: 26px;
	    line-height: 36px;
	}
	h4{
	    font-size: 22px;
	    line-height: 32px;
	}
	h5{
	    font-size: 18px;
	    line-height: 24px;
	}
	h6{
	    font-size: 16px;
	    line-height: 24px;
	}
	.navbar-nav .nav-item{
		margin: 0px 10px 0px 0px;
	}
	.navbar .stBtn{
		padding: 6px 18px;
		font-size: 13px;
	}
	.bannerText .postedText span{
		margin-bottom: 5px;
	}
	.summarySection .ratingSummery {
	    padding: 0;
	}
	.summarySection {
	    padding: 45px 0px;
	}
	.summarySection .ratingSummery .ratingStar i{
		font-size: 16px;
		line-height: 30px;
	}
	.summarySection .diffrentRating{
		margin-bottom: 8px;
	}
	.introSection {
	    padding: 45px 0px;
	}
	.introSection .tableOfContents .lightPurpal {
	    padding: 20px;
	}
	.introSection .introSectionCta, .introSection .introSectionCta.withOverlay {
	    padding: 60px 15px;
	}
	.introSection .introSectionCta h2{
		font-size: 28px;
		line-height: 38px;
	}
	.introSection .twoColsSection .boxPart a.stBtn {
	    padding: 9px 35px;
	}
	.introSection .twoColsSection {
	    padding: 22px 0px;
	}
	.introSection .emailOptions .lightPurpal {
	    padding: 15px;
	}
	.introSection .emailOptions .lightPurpal p{
		word-break: break-word;
		white-space: normal;
	}
	.introSectionText .accordion .card-header button:before{
		margin-left: 15px;
	}
	.ctaSection .ctaText {
	    padding: 30px 10px;
	}
}