@media only screen and (max-width: 767px){

	/* header wrapper */
	#headerWrapper { padding: 15px 0; }
              .topbarArea .cartTop a.cartbtn{padding: 0px 11px 0px 0px;  margin-top: 0px; margin: 0px;}
               .topbarArea .cartTop .cartDrop {  padding: 10px 20px 20px 20px;  position: absolute;  top: 43px;   right: -7px;   width: 370px;  min-height: 200px;float: left; box-shadow: 0 0 10px rgb(0 0 0 / 60%);   background: #fff;}
		/* logo Area */
		.logoArea { max-width:235px; top: 26px;}

		/* ctaheader rea */
		.ctaheaderArea ul li { padding: 0 0 0 10px; }
		.ctaheaderArea ul li a { padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 0; }
		.ctaheaderArea ul li a i { padding: 0; }
		.ctaheaderArea ul li a span { display: none; }

		/* menu Area */
		.menuArea { display: none; }
	         .ctaheaderArea{ display: none; }

		/* mobile menu */
		.mobilemenuArea {display: block; float: right; }
		.mobilemenuArea a.mobilemenubtn { padding: 8px 12px; margin: 25px 0 0 0; display: block; float: right; font-size: 30px; color: #171e23; line-height: 30px; text-decoration: none; border: 1px solid #e5e5e5; }	
	/* banner wrapper */
	#bannerWrapper { margin: 70px 0 0 0; }

		/* banner area */
		.bannerArea .overlay { padding: 25px 0 325px 0; height: auto; display: block; text-align: center; }
		.bannerArea .inside { max-width: 100%; }
		.bannerArea h2 { font-size: 20px; line-height: 26px; }
               
 /*brotherhood of the cross-and -star*/
                    #middle-paragraph{}

		/* valuation area */
		.valuationArea { padding: 80px 0 0 0; width: 100%; float: left; position: relative; top: 0; right: 0; }
		.valuationArea .inside { margin: -380px 0 0 0; width: 100%; }
		.valuationArea .sub .nav li { padding: 0; }
		.valuationArea .sub .nav li a { padding: 5px 6px; font-size: 14px; }

		.valuationArea .sub .tab-pane p {  text-align: justify; }
		.valuationArea .sub .tab-pane p.darkgr { font-size: 18px; }
                 .describesArea p{ text-align: justify; }
                 .footctaArea .overlay{padding: 0px 1px 0px 0px; margin: 0px;}
                   .footctaArea {height: 130px; margin-top: 58px;}

                    .footctaArea p {font-size: 6px; line-height: 14px;}
                    .mycontainer h2 {font-size: 11px;  margin-top: 19px;}
                  
                   .text-bcs{margin-top: -19px; font-size: 9px;  line-height: 24px;}
                    #btn-red{ font-size: 7px; width: 119px;   height: 35px;  margin-top: -18px;}

		/* brotherhoodArea    */
                  .mycontainer p{text-align: justify;}
                 .brotherhoodArea .leftinfo p{ padding: 20px 0 5px 0; font-size: 18px;  text-align: justify;}
                 .describesArea h1{ padding: 0 0 15px 0; font-size: 33px; } 

		/* balance area */
		.balanceArea { padding: 35px 0; line-height: 26px; }
		.balanceArea h1 { font-size: 25px; }

		.balanceArea .item { padding: 20px 15px 0 15px; }

                 /* innerbannerArea podcast */
                 .innerbannerArea .overlay{padding: 0px; height: 148px;}
                  .overlay-title{position: relative; top: -64px;}
                  #middle-title{font-size: 20px;margin-bottom: 24px;}

		/* featured area */
		.profitsArea .overlay { padding: 35px 0; }
		.profitsArea .rightInfo { padding: 35px 15px 0 15px; }
		.profitsArea .rightInfo h3 { font-size: 18px; }

		/* balance area */
		.requestArea { padding: 35px 0; line-height: 28px; }
		.requestArea .short { padding: 0 0 30px 0; }
		.requestArea .short h2 { font-size: 25px; }
		.requestArea .steps ul li { padding: 0 0 45px 0; width: 100%; }
		.requestArea .steps ul li:nth-child(2n+0) { margin: 0; }
		.requestArea .steps ul li:after { display: none; }
		.requestArea .steps ul li:last-child { padding: 0px; }

		/* pricing area */
		.pricingArea { padding: 35px 0; line-height: 28px; }
		.pricingArea .short { padding: 0 0 20px 0; }
		.pricingArea .short h2 { font-size: 25px; }

		.pricingArea .packagesIn { padding: 0; }
		.pricingArea .packagesIn .package { padding: 20px; }
		.pricingArea .packagesIn ul li { padding: 15px; font-size: 16px; }
                 .paginationArea .pagination{display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
}

.audioArea .audioFilter ul li a{margin-top: 20px;}
	/* footer area */
	.footerArea { padding: 30px 0; }	
	.footerArea .widget { padding: 20px 15px; }
		
	/* copyright area */
	.copyrightArea { padding: 20px 0; text-align: center; }
	.copyrightArea p { width: 100%; }
	.copyrightArea p.pull-right { padding: 20px 0 0 0; }
	.copyrightArea p.pull-right img { margin: 0 auto; }


.popupArea .label { display: inline-block; }

/* buttons */
.btn { padding: 14px 28px;
    font-size: 13px;
    margin-top: 13px;
    white-space: pre-wrap; }

}

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

@media only screen and (min-width: 992px) and (max-width:1189px){
		
		
}

@media only screen and (min-width: 1189px) and (max-width:1300px){

}