@media (max-width: 1199px) {
	p.author {
	    font-size: 23px;
	}	
	span.mobile {
	    font-size: 38px;
	}
	
	.carusel-caption h5 {
	    font-size: 104px;
	}
	header .navbar-default ul.navbar-nav li a {
	  	font-size: 14px;
	}

	p.app-download {
    	margin-left: 0px !important;
	}

	.banner-img {
	    right: 0%;
	}

}

@media (max-width: 	991px) {
	header .navbar-default ul.navbar-nav li a {
		font-size: 14px;
	    margin: 0 6px;
	}
	.statistic {
	    float: right;
	    margin-top: 60px;
	}
	.statistic img {
	    height: auto;
	    width: 100%;
	}

	section#reviews .review-filtering .review .review-comment p {
	    font-size: 18px;
	}

	.review-comment h2 {
	    font-size: 25px;
	}
	.section-heading {
	    margin: 0px 0 30px;;
	}
	nav.navbar.navbar-default.navbar-fixed-top .container {
	    padding: 0;
	}	
	.author-title h2, .book-title h2 {
	    font-size: 20px;
	}
	
	.section-heading p {
	    font-size: 15px;
	}
	.carusel-caption h5 {
	    font-size: 80px;
	}

	a.post-link {
	    font-size: 20px;
    }

    .section-heading.inverse h1, .section-heading.inverse p {
	    font-size: 25px;
	}

	section#reviews .review-filtering .review .review-comment {
	    background: #ffffff;
	}

	.feature h3 {
	    font-size: 20px;
	}

	.section-heading h1 {
	    font-size: 35px;
	}

	.col-sm-4.col-xs-4.scrollpoint.sp-effect3.active.animated.fadeInDown {
	    padding: 0;
	}

	.info {   
	    padding-left: 0px; 
	}

	header .navbar-default ul.navbar-nav li a {
	    padding: 6px 0px;
        font-size: 11px;
	}

	.banner-img {
	    top: 79%;
	    width: 44%;
	}
	.banner-img a img {
	    margin-bottom: 8px;
	    width: 31%;
	}
}

@media ( max-width: 767px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin:0;
	}

	.right-sidebar {
		display: none;
	}
	.carusel-caption h5 {
    	font-size: 70px;
	}

	.carusel-caption p {
	    font-size: 15px;
	}

	.navbar-fixed-bottom, .navbar-fixed-top {
	    position: relative;
	}

	.book-banner {
    	background: #fff;
	}

	.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
	    color: #fff;
	}

   .navbar-toggle {
	    background-color: #009846;
	}

	.navbar-default .navbar-toggle {
	    border-color: #009846;
	    padding-bottom: 8px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: #009846;
	    padding-bottom: 7px;
	}
	
	.book-banner {
	 	margin-top: 0px;
	}

	.statistic {
	    float: right;
	    margin-top: 30px;
	}

	footer .rights {
	    clear: right;
	}

	section#features .media.feature {
	    margin-top: 36px;
	}

	section#author .author-item img, section#book .book-item img {
	    width: 66%;
	}

	.sura-sidebar {
		left: -268px;
	}

	.sura-sidebar.open {
		left: 0;
	}
	.container.sura {
	    margin-top: 0px;
	    position: relative;
	}
	span.for-sidebar-button {
	    top: -27px;
	}

	.navbar-nav {
    	text-align: center;
	}

	.arabic-content p {
	    font-size: 3rem;
	}
}

@media (max-width: 700px) {
	.banner-img {
    	right: 2%;
	}

	span.mobile {
	    font-size: 35px;	
	}
}
@media (max-width: 640px){
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: #009846;
	}

	header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
	    background-color: #009846;
	}

	header .navbar-default ul.navbar-nav li a {
	    color: #009846;
	 	border-bottom: none; 
	}

	header .navbar-default .navbar-collapse {
	    background: rgba(255, 255, 255, 0.53);
	}

	header .navbar-default .navbar-toggle {
	    background: #4CAF50;
	}

	header .navbar-default.scrolled {
	    background: #FFF;
	}

	.banner-img a img {
	    width: 40%;
	}

	.carusel-caption h5 {
	    font-size: 60px;
	}

		.banner-img {
	   		top:74%;
	}

	.col-md-6.col-xs-6.new-post {
	    width: 100%;
	}

	.top-post {
	    width: 100%;
	}

	.review-comment h2 {	
	    font-size: 23px;
	}

	.post-title h2 a {
	    font-size: 22px;
	}

}
@media (max-width: 605px) {
	.feature h3 {
	    font-size: 16px;
	}

	section#features .media.feature {
	    margin-top: 30px;
	}

	.carusel-caption h5 {
	    font-size: 57px;
	    line-height: 0.9;
	}

	span.mobile {
	    font-size: 33px;
	    line-height: 0.9;
	}
}

@media (max-width: 569px) {
	footer .col-sm-4.scrollpoint.sp-effect3.active.animated.fadeInDown:nth-child(3) { 
	    float: left;
   		left: 35%;
	}
	.footer-logo {
    text-align: center;
    font-size: 25px;
}

	.col-sm-4.col-xs-6.scrollpoint.sp-effect3.active.animated.fadeInDown {
	    width: 100%;
	}

	.info {
	    text-align: center;
	}

	section#features .media.feature {
	    margin-top: 12px;
	}

	.top-post .col-md-6.col-xs-6 {
	    width: 100%;
	    margin-bottom: 20px;
	}

	.section-heading {
	    margin-top: 0;
	}
}

@media (max-width: 538px) {
	.carusel-img img {
	    margin-bottom: 65px;
	}
	
}

@media(max-width: 471px) {

	section#author .author-item img, 
	section#book .book-item img {
	    width: 70%;
	}
	.carusel-caption h5 {
	    font-size: 54px;
	}

	span.mobile {
	    font-size: 27px;
	}

	.carusel-caption p {
	    font-size: 13px;
	}

	.section-heading {
	    width: 100%;
	}

	section#author .author-item, section#book .book-item {
	    width: 100%;
	}

	section#reviews .col-sm-4.col-xs-4 {
	    width: 100%;
	}

	section#reviews .col-sm-8.col-xs-8 {
    width: 100%;
}
		
}

@media (max-width: 402px) {
	.carusel-caption h5 {
	    font-size: 42px;
	}	

	span.mobile {
	    font-size: 21px;
	}

	.carusel-caption p {
	    font-size: 10px;
	}

	footer .contact span {
    	margin-left: 0px; 
    	font-size: 15px;
}

	
	.banner-img a img {
	    width: 36%;
	}
	.post-title h1 {
    font-size: 20px;
}
}
@media (max-width: 350px) {
	.banner-img {
	    right: -6%;
	}

	.navbar-brand>img {
	    padding-top: 11px;
	}
@media (max-width: 333px) {
	.carusel-caption h5 {
	    font-size: 33px;
	}
	
	span.mobile {
	    font-size: 17px;
	}

	.carusel-caption p {
	    font-size: 10px;
	}
}