@media only screen and (min-width:900px) and (max-width:1920px){.container{width:1140px;}
#popup{display:none !important;}
}
@media only screen and (min-width:602px) and (max-width:1351px){#popup{display:none;}
}
@media only screen and (min-width:980px) and (max-width:1280px){.container{width:1140px;}
#popup{display:none;}
}
@media only screen and (max-width:1024px){#popup{display:none;}
.container{width:90%;margin:0px auto;}
.logotitle{font-size:22px;padding-top:4.6%;}
.tabs{width:31%;padding-top:5.2%;margin-left:5.5%;}
.grid .figcaption p{font-size:10px;line-height:20px;}
.footerleft{width:50%;margin-left:0%;}
.contactinfo{width:50%;}
.topsizef{margin-top:37px;}
.tabsin{padding-top:3%;}
.menu.show-nav{left:56%;margin-top:2px;width:30%;}
.menu ul li a{padding:0px 5px;}
.russia a:hover + .russiacntry{font-size:10px;}
.portugal a:hover + .portugalcntry{font-size:10px;}
.germany a:hover + .germanycntry{font-size:10px;}
.italy a:hover + .italycntry{font-size:10px;}
.france a:hover + .francecntry{font-size:10px;}
.usa a:hover + .usacntry{font-size:10px;}
.spain a:hover + .spaincntry{font-size:10px;}
.footercontent{width:48%;margin:0px auto;}
.duknow{width:100%;}
.duknow a{padding:7% 18%;font-size:20px;}
.duknowq{width:100%;}
.duknowq a{padding:7% 18%;font-size:20px;}
.duknowt{width:100%;}
.duknowt a{padding:7% 18%;font-size:20px;}
#hover-content{width:150px;margin:-24px 0% -20px -130px;}
#hover-contentq{margin:-21px 0% -20px -50px;}
#hover-contentt{margin:-22px 0% -20px -110px;padding:1px 6px;}
#hover-content a{font-size:14px;}
#hover-contentq a{font-size:14px;}
#hover-contentt a{font-size:14px;}
.thirtyfreqwoman{width:99.5% !important;}
.points{padding:0px 2% 0px 3%;}
.thirtycountwomen{padding:12px 0%;}
.thirtyinfostylewoman{width:89.5% !important;}
.accordion_head{width:98%;margin:0px 0% 0px 2% !important;float:left;}
.accordion_head a{font-size:16px;margin-top:1px;width:95% !important;}
.accordion_container{margin-top:20px;}
.header{background-position:100% 90%;}
.vivilheadtop p{margin-top:-12px !important;font-size:24px;padding:5px 1%;}
.slideshow{height:440px;}
.sky-tabs{padding-top:60px}
.sidemenu{margin:20px 0% 0px -0.5%;}
#slideshow ul li p{width:100%;padding:0px 0%;}
#slideshow .quheadquoteinfo{font-size:28px;}
#fontfamily p{font-size:28px;}
.accordion_body p{padding-top:10px !important;}
.biggersize{font-size:28px !important;}
#fontfamilycivil p{font-size:28px;line-height:30px;}
}
@media only screen and (max-width:768px){#popup{display:none;}
.container{width:90%;margin:0px auto;}
.grid .figcaption p{font-size:9px;line-height:20px;}
.logotitle{font-size:17px;padding-top:5%;}
.header{background-position:100% 85% !important;}
.logo{width:9%;}
.logotitle{font-size:14px;padding-top:6.7%;width:43% !important;}
.tabs{padding-top:7%;}
.grid .figcaption p{font-size:7px;line-height:16px;}
.cs-style-2 .figcaption{height:50px;}
.grid .figcaption{padding:10px;}
.footercontent{width:70%;}
.tabsin{padding-top:1%;}
.menu.show-nav{left:55%;margin-top:11px;}
.nav-toggle span{font-size:2em;}
.nav-toggle span{padding-top:12px;}
.homeicon{font-size:2em;}
.hometab{margin-right:1%;margin-top:9px;}
.quotehead p{font-size:24px;}
.quotesub{font-size:16px;}
#slideshow .headquoteinfo{font-size:24px;}
.quotehead p{font-size:20px;}
#slideshow .headquoteinfomuha{font-size:20px;}
.sky-tabs .typography h1{font-size:24px;}
.wilfriedinfo{font-size:14px !important;}
.sky-tabs .typography p{font-size:16px;}
.accordion_head{width:100%;margin-top:0px;}
.thirtyfreq{width:99.5% !important;}
.thirtycount{padding:13px 0% 13px 0%;}
.no-touch .cs-style-2 .figure:hover img,
.cs-style-2 .figure.cs-hover img{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);}
.slideshow{height:320px;}
.slideshow--nav{top:0%;}
.accordion_head a{width:95% !important;}
#fontfamily p{font-size:16px;}
.doyounimagecivil{margin:45px 18% 15px;}
.thirtyinfostyle{width:89% !important;margin-left:9%;}
.thirtyinfostylewoman{width:89.5% !important;margin-left:9%;}
#hover-content{margin:-24px 0% -20px -134px;}
.duknow{width:20px;}
.duknowq{width:20px;}
.duknowt{width:20px;}
.footercontent{width:70% !important;}
}
@media only screen and (min-width:360px) and (max-width:640px){.hometab{display:none;}
#popup{display:block;position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0px 0px 50px 2px #000;z-index:100;background-color:#ccc;width:70% !important;}
.container{width:90%;margin:0px auto;}
.tabsin{display:block !important;}
.logotitle{font-size:12px;padding-top:8%;width:47%;}
.tabsin{padding-top:5%;}
.nav-toggle span{padding-top:15px;}
.hometab{margin-top:11px;}
.nav-toggle{display:block;}
.logo{margin-top:7px;}
.grid .figcaption p{font-size:6px;line-height:13px;}
.tabs{padding-top:6%;width:38%;display:none;}
.footercontent{width:85% !important;}
.sidemenu{width:4.5%;margin:18px 0% 0px -0.5%;}
.duknow a{padding:12% 11%;font-size:15px;}
.duknowq a{padding:12% 11%;font-size:15px;}
.duknowt a{padding:12% 11%;font-size:15px;}
.dykintro p{line-height:30px;font-size:16px;}
.accordion_head li{margin:0px 0% 0px 0%;}
.sky-tabs .typography p{line-height:30px;font-size:16px;}
.thirtycountwomen{padding:12px 0%;}
.thirtycountwomen{width:5%;}
.accordion_head a{width:94% !important;margin-top:-8px !important;}
.thirtyfreqwoman{width:100% !important;}
.thirtyinfostylewoman{width:88.5% !important;margin-left:10%;}
.accordion_body p{line-height:30px;}
.tabs ul li{float:left;width:10%;margin:0px 2%;}
.accordion_head{width:96%;margin-top:-13px;}
.accordion_head li::before{margin-left:-3px !important;margin-top:-10px !important;}
#fontfamilyquotes p{font-size:12px;}
#hover-content{width:auto;margin:-20px 0% -20px -79px;padding:0px 6px;}
#hover-content a{font-size:12px;}
#hover-contentq{margin:-20px 0% -20px -45px;}
#hover-contentq a{font-size:12px;}
#hover-contentt{margin:-20px 0% -20px -110px;}
#hover-contentt a{font-size:12px;}
.slideshow{height:310px;}
.slideshow--nav{top:0%;}
.slideshow--item{height:300px;}
.slideshow--nav::after{font-size:1em;}
.menu.show-nav{left:56%;margin-top:1%;display:block !important;}
.homeicon{font-size:24px;}
.nav-toggle span{font-size:22px;}
.vivilheadtop p{margin-top:-8px !important;}
}
@media only screen and (max-width:640px){

.menu.show-nav {
    float: right !important;
	width: 6%;
	z-index: 100;
	left: 88% !important;
	background: #ccc;
	border-radius: 5px;
	margin-top: 40px;
}
.menu ul li {
    width: 100% !important;
    margin: 4px 0%;
}

#popup{display:block;width:75% !important;position:fixed;margin:2% auto 0px 0%;left:50%;transform:translate(-50%, -50%);box-shadow:0px 0px 0px 0px #000 !important;z-index:100 !important;background-color:rgba(255, 228, 181, 0.8) !important;border:10px solid #6C6C6C;border-radius:10px;}
.panel-footer{float:left;background:#F0F0F0;width:100%;}
#close{float:right;}
.popcont{background:#F0F0F0;padding:10px 15%;border-bottom:2px solid #807C7C;}
.langimage{float:left;width:20%;background:#fff;padding:3px;}
.langtitle{float:left;width:80%;font-size:14px;color:#000000;text-align:center;line-height:75px;font-weight:bold;}
.langimage img{width:100%;margin:0px;float:left;}
.downloadplaystore{float:left;width:100%;background:#FFFFFF;}
.playstoreicons{float:left;width:100%;padding:0px 5%;margin-bottom:20px;}
.googleplaystore{float:left;width:50%;margin:0px 000000%;}
.googleplaystore img{float:left;width:100%;margin:0px 0%;}
.downappplay{float:left;width:100%;text-align:center;color:#262626;font-size:20px;margin:25px 0%;}
}
@media only screen and (max-width:480px){.container{width:90%;margin:0px auto;}
.tabs{display:none;}
.tabsin{display:inherit;}
.tabsin{display:block !important;}
/*.header{background:none !important;}*/
.header{background-size: 100% 51px !important;}
/*.logotitle{display:none;}*/
.nav-toggle span {padding-top: 23px;}
.logotitle {font-size: 12px;padding-top: 6%;font-weight: bold;}
.tabs{float:right;width:55%;padding-top:42px !important;}
.footercontent{width:100%;}
.tabsin{width:37%;padding-top:2px;}
.menu.show-nav{width:8%;}
.allahbookopen{margin:0px 0% 0px 22%;}
.sidemenu{width:6.5%;}
.allahbook{width:95%;}
.sidemenucontent{width:5%;}
.accordion_head{margin-top:20px;}
.accordion_container{margin-top:0px;}
.quotehead p{font-size:14px;padding:0px 0% 2px 0%;}
.quotesub{font-size:12px;}
.quotesub{padding:0px 0% 5px 0%;width:100%;}
#slideshow .headquoteinfo{font-size:14px;}
#slideshow ul li p{padding:0px 0%;line-height:20px;width:100%;font-size:14px;text-align:justify;}
#slideshow .quheadquoteinfo{font-size:20px;}
.frequestQhead{font-size:24px;}
.thirtycount{width:7%;}
.thirtyfreq{width:85.5% !important;font-size:14px;}
.grid .figcaption{height:95px;padding:20px 0% 0px 0%;}
.grid .figcaption p{font-size:12px;line-height:30px;}
.no-touch .cs-style-2 .figure:hover img,
.cs-style-2 .figure.cs-hover img{-webkit-transform:translateY(-90px);-moz-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px);}
/*.menu ul li{width:14% !important;}*/
#popup{position:fixed;}
.popcont{padding:10px 10%;}
.langtitle{float:left;width:80%;font-size:12px;line-height:60px;}
.downappplay{font-size:18px;}
}
@media only screen and (max-width:360px){#popup{position:fixed;width:95% !important;margin:-13% auto 0px 0%;}
}
@media only screen and (max-width:320px){#popup{display:block;position:fixed;margin:0 auto;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0px 0px 50px 2px #000;z-index:100;background-color:#ccc;}
.popcont{padding:10px 7%;}
.downappplay{font-size:16px;}
.container{width:90%;margin:0px auto;}
.tabs{display:none;}
.tabsin{display:block !important;}
.grid .figcaption p{font-size:14px;line-height:18px;}
.tabs{width:70%;padding-top:25px !important;}
.menu.show-nav{left:112% !important;width:56%;}
.menu.show-nav{margin-top:9px;}
.hometab{margin-right:0%;margin-top:-3px;}
.nav-toggle span{padding-top:0px;}
.nav-toggle span{padding:0px 5px;}
.content{width:100%;margin:50px 0%;}
.bookcontentpoints{height:335px;}
.setbackgruong{margin:50px 5% 0px 5%;}
.countquotes{margin-top:25px;}
.accordion_head{margin-top:0px;}
.thirtyfreq{width:82.5% !important;}
.thirtycountwomen{width:8%;}
.thirtyfreqwoman{width:81.5% !important;}
.accordion_head a{width:94% !important;}
.accordion_head li::before{margin-left:7px;margin-top:-11px;}
.topsizef{font-size:9px !important;}
.topsizes{font-size:9px !important;}
.topsizet{font-size:9px !important;}
.facebook ul li a{font-size:12px;}
.footerleft ul li{line-height:25px;font-size:9px !important;}
.putbg{width:14%;padding:1% 0%;font-size:10px;line-height:20px;}
}
@media only screen and (min-width:321px) and (max-width:480px) and (orientation:portrait){body, html{height:100%;}
.container{width:90%;margin:0px auto;}
.header{/*background:transparent none repeat scroll 0% 0% !important;*/margin:5px 0% 0px 0%;}
.tabs{display:none;}
.tabsin{display:block !important;}
.logo img{width:100%;height:auto;}
.grid .figcaption p{font-size:14px;line-height:25px;}
.tabs{width:70%;padding-top:25px !important;}
.menu.show-nav{width: 9%;margin-top: 32px;left: 86% !important;}

.hometab{margin-right:0%;margin-top:-3px;}
.nav-toggle span{padding-top:0px;}
.nav-toggle span{padding:5px 5px;font-size:22px;}
.homeicon{font-size:22px;}
.content{width:100%;margin:25px 0%;}
.bookcontentpoints{max-height:410px;margin-bottom:25px;}
#quoteheight{max-height:70px !important;margin-bottom:10px !important;}
#quoteheightfre{max-height:100px !important;margin-bottom:10px !important;}
#quoteheightwom{max-height:390px !important;margin-bottom:10px !important;}
#quoteheightwomen{max-height:200px !important;margin-bottom:10px !important;}
.womenislamimg{width:45%;margin:-30px 0% 0px 33%;}
.setbackgruong{margin:50px 5% 0px 5%;}
.countquotes{margin:12px 3%;}
.accordion_head{margin-top:0px;}
.thirtyfreq{width:100% !important;margin-top:20px;padding:5px 2% !important;border-radius:5px 5px 5px 5px;font-size:12px;text-align:justify;}
.thirtycount{padding:5px 0% 5px 0%;font-size:12px;border-radius:4px 5px 5px 5px;}
.thirtycountwomen{width:8%;margin-top:10px;padding:5px 0%;font-size:12px;border-radius:5px;}
.thirtyfreqwoman{width:100% !important;text-align:justify;padding:5px 2% !important;border-radius:5px;font-size:12px;}
.grid li{margin:0px 0% 110px;}
.grid .figure img{max-width:88%;}
.cs-style-2 .figcaption{width:100%;margin:0px;}
.topsizef{font-size:8px;margin-top:40px;}
.topsizes{font-size:7px;}
.topsizet{font-size:6px;}
.grid{padding:10px 0px 0;}
.facebook ul li a{padding:11% 0%;font-size:14px;}
.footerleft{padding:8% 0%;}
.footerleft ul li{margin:0px 0%;line-height:30px;font-size:10px !important;}
.contactinfo{width:40%;}
.putbg{padding:0px 2px;font-size:10px;line-height:20px;margin-top:3px;}
.menu.show-nav{display:block !important;}
.tabsin{padding-top:9px;}
.cs-style-2 .figcaption{bottom:-75px;padding:23px 0% 0px;}
.sidemenu{margin:10px 0% 0px -0.5%;width:7.5%;}
.duknow{width:20px;margin-bottom:2px;margin-left:8px;}
.duknow a{padding:2% 5%;font-size:14px;}
.duknowq{width:20px;margin-bottom:2px;margin-left:8px;}
.duknowq a{padding:2% 5%;font-size:14px;}
.duknowt{width:20px;margin-bottom:2px;margin-left:8px;}
.duknowt a{padding:2% 5%;font-size:14px;}
.allahbookopen{margin:0 0 0 10%;width:80%;}
.sidemenucontent{float:left;margin:0px 0 0 -6.5%;width:6.5%;}
.duknow2 a{padding:0;font-size:12px;}
.duknow2{width:130px;margin:5px 0 0px -100px;}
.allahbook{width:100%;}
.sidemenucontent{margin-left:-5%;width:5%;}
.setbackgruong{margin:30px 3% 10px;}
.dykintro p{line-height:20px;font-size:14px;text-align:justify;}
.sky-tabs{padding:25px 3% 0 3%;}
.sky-tabs > label span span{padding:0 5px;}
.sky-tabs > label span{padding:7px 0 0;}
.accordion_head li{margin:5px 0 !important;}
.accordion_body p{line-height:23px;margin-bottom:5px;font-size:14px;text-align:justify;padding-top:0px !important;}
.sky-tabs .typography p{font-size:16px;line-height:25px;}
.pointscivilization{padding:30px 0%;}
.vivilhead{margin:17px 0% 20px 6% !important;}
.vivilheadtop p{margin-top:12px !important;font-size:20px;}
.doyounimagesubhead{padding:40px 10% 15px 10%;}
.accordion_head a{width:95% !important;font-size:14px !important;}
#slideshow .headquoteinfoleft{width:23%;font-size:8px;text-align:left;}
#slideshow .headquoteinforight{width:77%;font-size:9px;line-height:13px;}
#hover-content{margin:-18px 0% -20px -75px;}
#hover-content a{font-size:12px;}
#hover-contentq{margin:-18px 0% -20px -47px;}
#hover-contentq a{font-size:12px;}
#hover-contentt{margin:-19px 0% -20px -112px;}
#hover-contentt a{font-size:12px;}
.slideshow{height:210px;}
.slideshow--nav{top:0%;}
.slideshow--item{height:170px;}
.slideshow--nav::after{font-size:1em;}
.increasegap{float:left;width:100%;height:20px !important;}
.quotesymbolleft{margin:-50px 0 -60px;}
.doyounimage{margin:50px 18% 15px;}
#slideshow{padding:0px 10px;margin-left:0px;}
#slideshow #controls{font-size:20px;margin-bottom:4px;}
#controls #num{font-size:16px;margin:-5% 0% 0% 0%;}
#controls #total{font-size:16px;color:#C6B6B6;}
a#prev{font-size:25px;}
a#next{font-size:25px;}
.sky-tabs > ul > li{height:400px;padding:0px 10px 0px;margin-bottom:20px;}
.wilfriedinfo{font-size:12px !important;}
.sky-tabs .typography p{margin:5px 0 0 0;line-height:20px !important;font-size:14px;}
.sky-tabs > label{line-height:0px;}
.sky-tabs .typography h1{font-size:16px;margin:10px 0% !important;}
.allahimage{width:104%;}
#slideshow ul li p{text-align:center;max-height:100px;overflow-y:scroll;}
#slideshow .quheadquoteinfo{font-size:14px;margin-bottom:2px;}
.quotesymbolright img{width:6%;}
#slideshow .headquoteinfomuha{font-size:14px;}
.quotesymbolleft{width:8.5%;padding:45px 0% 0px 2%;}
.quotesymbolleft img{width:100%;height:auto;}
.thirtyinfostyle{width:81% !important;margin-left:13%;}
.salvation{font-size:18px !important;padding:0px 0px 5px 0px !important;}
.thirtyinfostylewoman{width:77% !important;margin-left:15%;}
#fontfamily p{font-size:10px;}
.biggersize{font-size:22px !important;}
#fontfamilycivil p{font-size:20px;line-height:25px;}
#civilheight{max-height:380px;overflow-y:scroll;}
.doyounimagecivildown{width:64%;margin:0px 18% 20px;}
#accorbody{margin:0px 0% 10px 0%;}
.accordion_head li::before{margin-left:2px !important;margin-top:0px !important;}
#slideshow .headquoteinfo{width:100%;}
.footercontent{width:100% !important;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}
@media only screenand (min-device-width:320px) and (max-device-width:480px){}
@media only screenand (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape){}
@media only screenand (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){}
@media only screen and (min-width:1224px){}
@media only screen and (min-width:1280px){}
@media only screen and (min-width:1824px){}
@media only screen and (min-device-width:320px) and (max-device-width:568px){}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){}
@media only screen and (min-width:321px){}
@media only screen and (max-width:320px){}