@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{
    margin: 0;padding:0;
    font-family: 'Droid Arabic Kufi';
    font-size: 14px;
    border-radius:7px;
}
body{
    font-size: 14px;
    height: 100%;
}

.h1{font-size: 2em;}
.h2{ font-size: 1.5em;}
.h3{font-size: 1.17em;}
.h4{font-size: 1em;}
.h5{font-size: .83em;}
.h6{font-size: .67em;}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/*main for multi languages*/
.my-text-left{text-align: left;}
.my-text-right{text-align: right;}
.my-float-left{float: left;}
.my-float-right{float: right;}

.my-dir-left{direction: ltr;}
.my-dir-right{direction: rtl;}

.my-margin-left{
    margin-left: auto;
    margin-right: unset;
}

.my-margin-right{
    margin-right: auto;
    margin-left: unset;
}
.my-margin-updown{
    margin: 8px 0 8px 0px;
}
/*End of main for multi languages*/

/*footer*/

.footer{
    color: white; 
    padding: 40px;
    width: 100%;
}
.footer ul{
    padding: 1px 27px 1px 27px;
}
.foter-txt{
    color:white;
}
.foter-txt:hover{
    color:black;
}

/*end of footer*/
.mycontainer{margin-left: 3%;margin-right: 3%;min-height: 100%;}
.my-margin-bottom{
    margin-bottom: 20px;
}
.clear{clear: both;}

.main-place{width: auto;margin-bottom: 20px;}
.title{height: 55px;line-height: 55px;font-size: 18px;padding:0px 10px 0px 10px;font-weight: 400;position: relative;/*text-align: right;*/}
.title a{text-decoration: none;}

.place{
    background: #fff;
    width: auto;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
    margin-bottom: 20px;
    padding: 10px 0px 10px 0px;
}

.desc-line{font-size: 0;height: 1px;}

/* posts view on home page */
.up-list{margin: 0 auto;overflow: hidden;list-style-type: none;}


.sublist{padding: 15px;}


.up-list dl{display: block;position: relative;height: 85px;padding-top: 10px;overflow: hidden;padding-right: 5px;padding-left: 5px;}
.up-list dl dt{float: left;}
.up-list dl dt a{font-size: 14px;font-weight: 600;line-height: 24px;}
.up-list dl dd{color: #666;overflow: hidden;line-height: 22px;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.a-title-dd{padding-left: 10px;}

.up-list dl .down {left: 94px;right: auto;}

.up-list dl .down a{display: block;min-width: 100px;padding: 0 5px;color: #FFF;text-align: center;height: 24px;line-height: 24px;}
.up-list dl .down a:hover{}
.up-list dl .down {position: absolute;bottom: -31px;/*left: 94px;*/z-index: 1;}
.up-list li:hover .down {bottom: -4px;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;transition: all 0.1s ease;}
.app-box dl dt img {width: 75px;height: 75px;}

/* End of posts view on home page */



.languages-dropdown .dropdown-toggle::after { 
            content: none; 
}
.lang-dropdown-item{
    padding: 1rem;
}
.lang-dropdown-menu{
    width: 15rem;background-color: #4d5661;padding: unset !important;border: 0;border-radius: 10px;right: 5px;
}
.lang-menu-header{
    color:white;padding: 1rem;
    text-align: center;
}
.lang-btn{
    border-radius: 50%;background-color: #e6e6e6;border: none;padding: 5px;
}
.lang-dropdown-item:hover{
    background-color: #d5f3ff;
}
.lang-dropdown-item-active{
    background-color: #81baff;color: white;
}
.lang-dropdown-item-img{
    width: 23;
}
.lang-dropdown-item-span{
    margin: 0.5rem;
}
.lang-div{
    background-color:white;padding: 20px 0 20px 0;
}

/* Posts page */

.my-breadcrumb{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;/*padding: .75rem 1rem*/margin-bottom: 1rem;list-style: none;}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"»"}

.ny-dl {padding: 30px 25px;overflow: hidden;clear: both;}
.post-title{padding: 0px 10px 0px 10px;}
.post-title-a{font-size: 24px;padding-bottom: 12px;}
.post-title-span{}
.post-title-span2{margin: 0px 7px 0px 7px;padding: 5px;color: white;border-radius: 4px;}
.post-details{padding: 5px;color: white;border-radius: 4px;}
.post-info{margin: 5px;padding-bottom: 2px;display: flow-root;}


.rating-place{height: 55px;line-height: 55px;font-size: 18px;padding:8px 10px 0px 10px;font-weight: 400;position: relative;/*text-align: right;*/}
.rating-place a{color: #666;text-decoration: none;}

.share-place{height: 55px;line-height: 55px;font-size: 18px;font-weight: 400;position: relative;}
.share-place a{color: #666;text-decoration: none;}


.rate{
	/*width:225px; height: 40px;*/
    width: 170px;height: 40px;
}
.rate .rate-btn{
	/*width: 41px; height:34px;*/
    width: 34px;height: 34px;
	float: left;
	background: url(../../uploads/img/rate/rate-btn.png) no-repeat;
	cursor: pointer;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -moz-transform: scale(0.6);
}
.rate .rate-btn:hover, .rate  .rate-btn-hover, .rate  .rate-btn-active{
	background: url(../../uploads/img/rate/rate-btn-hover.png) no-repeat;
}

.result-container{
	width: 82px; height: 18px;
	position: relative;
	background-color: #ccc;
    margin: 0 0 0 5px;
	/*border: #ccc 1px solid;
	margin:auto;*/
}
.rate-stars{
	width: 82px; height: 18px;
	background: url(../../uploads/img/rate/rate-stars.png) no-repeat;
	position: absolute;
}
.rate-bg{
	height: 18px;
	background-color: #ffbe10;
	position: absolute;
}
.box-result{padding: 10px;position: relative;right: 0px;}
.rate-box-second{position: relative;top: -18px;right: 7px;left: 7px;display: inline-table;}

/*share icons styles*/

#----- social ----#

.effect {
  width: 100%;
  padding: 50px 0px 70px 0px;
  background-color: #212121;
}
.effect h2 {
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 3px;
}
.effect:nth-child(2) {
/*  margin-top: 50px;*/
}
.effect:nth-child(2n+1) {
  /*background-color: #fff;*/
}
.effect:nth-child(2n+1) h2 {
  color: #212121;
}
.effect .buttons {
  /*margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;*/
  display: flex; 
 /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;*/
}
.effect a:last-child {
  margin-right: 0px;
}

.btn-background {background: #fbfbfb;}
.btn-rate-a {width: 36px;height: 36px;margin-right: 4px;}

/*common link styles !!!YOU NEED THEM*/
.effect {
  /*display: flex; !!!uncomment this line !!!*/
}
.effect a {
  text-decoration: none !important;
  color: #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;  
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  margin-right: 20px;
  font-size: 25px;
  overflow: hidden;
  position: sticky;
}
.effect a i {
  position: relative;
  z-index: 3;
}
.effect a.fb {
  background-color: #3b5998;
}
.effect a.tw {
  background-color: #00aced;
}
.effect a.g-plus {
  background-color: #dd4b39;
}
.effect a.dribbble {
  background-color: #ea4c89;
}
.effect a.pinterest {
  background-color: #cb2027;
}
.effect a.insta {
  background-color: #bc2a8d;
}
.effect a.youtube {
  background-color: #e00c0c;
}
.effect a.in {
  background-color: #007bb6;
}
.effect a.vimeo {
  background-color: #1ab7ea;
}
.effect a.whatsapp {
  background-color: #12cc6d;
}
.effect a.telegram {
  background-color: #0088cc;
}

/* aeneas effect */
.effect.aeneas a {
  -webkit-transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s, -webkit-transform 0.4s linear 0s;
  transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
  transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s, -webkit-transform 0.4s linear 0s;
}
.effect.aeneas a i {
  -webkit-transition: -webkit-transform 0.4s linear 0s;
  transition: -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, -webkit-transform 0.4s linear 0s;
}
.effect.aeneas a:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  border-radius: 50%;
}
.effect.aeneas a:hover i {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}

/* jaques effect */
.effect.jaques a {
  -webkit-transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
  transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
}
.effect.jaques a:hover {
  border-radius: 50%;
}
.fotertxt{
    color:white;
}
.fotertxt:hover{
    color:black;
}
.aboutuscounter{
    background-color: #4a78fa;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: center;
    margin: 5px 10px;
    line-height: 40px;
    transition: all .2s;
    color: #ffffff;
    background: #149dcc;
}
.aboutustxt{
    float: left;
    border-radius: 50%;
    text-align: center;
    margin: 5px 10px;
    line-height: 40px;
    transition: all .2s;
    margin-right: 60px;
}
/*end of share icons styles*/


/*images part */
.desc-imgs{padding: 20px;direction: ltr;}
.desc-imgs-slider{position: relative;width: 100%;height: 370px;}
.slider-img-out{overflow: hidden;overflow-x: scroll;position: relative;width: 100%;height: 370px;}
.slider-ul{position: absolute;list-style: none;}
.slider-li{white-space: nowrap;}
.slider-li-a{text-decoration: none;white-space: nowrap;padding-right: 5px;}
.image-slider{cursor: zoom-in;margin-bottom: 5px;border:#bfe0ff solid;padding-right: 5px;background-color: #f8f8f8;}
/*End of images part */

/* Desc Part */

.desc{clear: both;height: auto;padding: 20px;}
.desc ul{padding: 30px;}
ol{padding: 18px;list-style: none;counter-reset: my-awesome-counter;}
ol li {counter-increment: my-awesome-counter;}
ol li::before {content: counter(my-awesome-counter) ". ";color: red;font-weight: bold;}

.showmore-trigger{position: relative;display: none;margin: 0 20px 20px 20p;text-align: right;padding-right: 15px;}
.showmore-end{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #fff));background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);}
.show-more{cursor: pointer;line-height: 30px;padding-right: 15px;height: 30px;display: inline-block;color: #00A6ED;text-decoration: none;background: url(../../uploads/img/read-more.png) no-repeat right 13px;}
#more {display: none;}

/* End of Desc Part */

/* Admin navbar*/
.a-admin-nav{
    color: #bababa;padding: 0.4rem 0.2rem 0rem 0.2rem;
}
/* End of Admin navbar*/

/* Download part */

.download-title{right: auto;left: 0;padding-bottom: 8px;}
.download-title-a{display: inline-block;padding: 0 30px;height: 35px;line-height: 35px;color: #fff;text-align: center;font-size: 17px;background: #24cd77;margin: 0 auto;border-radius: 5px;}
.download-title-a:hover{opacity: 80%;color: #fff;}
.download-title1{right: auto;left: 0;}
.download-title-a1{float: right;display: inline-block;padding: 0 30px;height: 35px;line-height: 35px;color: #fff;text-align: center;font-size: 17px;background: #4a78fa;margin: 0 auto;border-radius: 5px;}
.download-title-a1:hover{background: #658cf8;color: #fff;}
.download-size{margin-left: 0;margin-right: 5px;}
.download-size-span{display: inline-block;direction: ltr;/*font-size: 12px;*/vertical-align: bottom;/*margin-left: 5px;*/}

.new-download-title{right: auto;left: 0;padding-bottom: 8px;display: flex;/*width: 27%;*/justify-content: center;}
.new-download-title-a{display: inline-block;padding: 0 15px;height: 35px;line-height: 35px;color: #fff;text-align: center;font-size: 17px;background: #24cd77;margin: 0 auto;}
.new-download-title-a:hover{opacity: 80%;color: #fff;}


.download-first-part:hover{/*opacity: 80%;*/}
.download-second-part{
    border-bottom-right-radius: 11px;
    border-top-right-radius: 11px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/* Link part */

.img-link{height: 17px;padding: 2px 4px 0px 4px;}
.a-link-part{float:none;background: #0088cc;font-size: 12px;text-decoration: none;}
.a-link-part:hover{opacity: 80%;}
/* End of Link part */

/* End of Download part */

/* additional part */

.additional{padding : 20px;}
.additional ul {width: 100%;clear: both;overflow: hidden;}

/* end of additional part */


/* comments part */

.comments{
   background-color: white;
   padding: 20px;
}
.com-img{
    width: 60px;
    height: 60px;
       
}
.com-name{
    /*text-align: right;*/
    padding-top: 7px;   
}
.com-content{
    /*text-align: right;*/
    padding: 31px;
    border-bottom: #FCFCFC solid 3px;
}
.replied-comment{
    background: #fbfbfb;
    margin: 17px 25px 5px 25px;
    padding: 12px;
}
.com-arrow {
    border-bottom: 10px solid #e4e1e1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-bottom: -10px;
    position: relative;
    top: -22px;
    width: 0;
}

/* End of comments part */

.photos-view-place{
    cursor: zoom-in;
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
}
.toggle-delete-photo{
    position: absolute;
}

/* End of Posts page */

/* Sidebar part */
.input-search {
    display: inline !important;
    height: 34px !important;
    width: 80% !important;
    font-size: 10px !important;
}
.side-search-form{
    height:50px;
}
.side-search-btn{
    height: 32px;width: 39px; padding:0;vertical-align: initial;font-size: 12px;
}
.up-list li.app-box-sidebar{width: 100% !important;}
.side-bar-cats{margin: 0 auto;overflow: hidden;}
.liqesm{
    width:48%;padding: 10px;margin-left:3px;list-style: none;margin-bottom: 5px;overflow: hidden;max-height: 10%;
}
.imgSide{
    width: 75px;
    height: 75px;
}
/* End of Sidebar part */

/* Download Page */
.span-size{ font-size: 22px;}
/* End of Download Page */



/* main styles */

.show-ads {margin: auto;width: 50%;}
.noborder {border: none;}
.centerit{margin: auto;width: 50%;}
.msg{padding: 20px;}


.form-margin{margin: 10px 0px 10px 0px;}


.myform{
    display: block;
    height: 39px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 10px 0px 10px 0px;
    width: 100%;
}
.my-textarea{
    height: 200px;
    margin: 10px 0px 11px 0px;
}

.my-btn{
    height: 42px;
    border-radius: 9px;
    margin: 10px 0 10px 0;
}
.i-style{
    /*margin: 0 3px 0 3px;*/
    position: relative;
    top: 1px;
}

.btn-margin{margin: 5px 0px 5px 0px;}


.table-tr{
    overflow:hidden;
}

.table-tr:hover .hidden-buttons{
    right:unset;
}

.hidden-buttons{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    right: -40rem;
}

.widget-content{
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}
.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}
.widget-heading{
    opacity: .8;font-weight: bold;
}
.widget-subheading{
    opacity: .5;
}
.widget-numbers{
    font-weight: bold;
    font-size: 1.8rem;
}


.box {
    position: relative;
    border-radius: 3px;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}
.box-header {
    display: block;
    padding: 10px;
    position: relative;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    left:unset;
    top: 5px;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
}

/* search style 2 */
.toggle-show-search{
    border-radius: 50%;
    padding: 11px;
}
.search-input-2{
    position: absolute;display: block;right: 0px;left: 0px; height:50px;
}
.toggle-hide-search{
    position: absolute;
    left: unset;
    right: 0;
    top: 17px;
}
/* end of search style 2 */

.checkbox-div{
    margin: 0px 23px 6px 23px;
    padding: 9px 10px 0px 10px;
}
.lenth-down{
    position: relative;
    top: -38px;
    padding: 0 5 0 5;
}

/* End of main styles */

@media (max-width: 767px){
    
    .show-ads-pr{
        text-align: center;padding: 12px 20px;line-height: 20px;height: 103px;  
    } 
    .ads-app{
      width: 100%;  
    }
    .app-photo{
      width: 22%;  
    }
    .app-desc{
      width: 64%;display: flow-root; 
    }
    .app-name{
      display: flex; 
    }
    .app-descc{
      display: flex;
    }
    .app-download{
      display: flex;width: 10%;  
    }
    .adsdesc{width:62%;}  
    
    /* navbar styles */
    /*drop down language */    
    .languages-dropdown{
     position: absolute;
     bottom: 14px;
     margin: 4px 5rem;   
    }
    /* end of navbar styles */
    
    .main-section{
        width: 100%;
    }
    .main-sidebar{
        width: 100%;
    }
    .search-form .form-group span.form-control-feedback {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      color: #3596e0;
      left: initial;
      font-size: 14px;
      /*position: fixed;  */
    }   
    .navstyle{}
    
    .aboutus{}
    
    /* posts view on home page */
    
    .up-list li.app-box{width: 100% !important;}
    
    /* End of posts view on home page */
    
    /* posts page */
    
    .additional li {width: 100%;padding-bottom: 9px;}
    
    /* End of posts page */
    
    /* footer */
    .footer-sections{
        width:100%;
        max-width: 100%;!important

    }
    /* end of footer*/
    
    /* sharing part  */
    .share-first-place {width: 12%;border-radius: unset !important;}
    .share-second-place {width: 73%;padding:8px 10px 0px 10px;}
    
    /* Download part */
    .download-first-part{
        width: 14%;border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;color: white;padding: 9px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* Comments part */
    .com-img-section{
    width: 21%;
    }
  
    .licat{width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    
    
    .show-ads-pr{
        text-align: center;padding: 12px 20px;line-height: 20px;height: 103px;  
    } 
    .ads-app{
      width: 100%;  
    }
    .app-photo{
      width: 10%;
    }
    .app-desc{
      width: 40%;display: flow-root;
    }
    .app-name{
      display: flex; 
    }
    .app-descc{
      display: flex;
    }
    .app-download{
      display: flex;width: 10%;  
    }
    .adsdesc{width:62%;}
    
    /* navbar styles */
    /*drop down language */    
    .languages-dropdown{
     position: absolute;
     bottom: 14px;
     margin: 4px 6rem;   
    }
    /* end of navbar styles */
    
    .main-section{
        float: left;
        width: 72%;
    }
    .main-sidebar{
       width: 26%;
       float: right; 
    }
    .search-form .form-group span.form-control-feedback {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      color: #3596e0;
      left: initial;
      font-size: 14px;
     /* position: fixed;*/  
    }
    .navstyle{

    }
    .aboutus{
        margin-right: 23%;
    }
    
    /* posts view on home page */
    
    .up-list li.app-box{width: 33.33% !important;}
    
    /* End of posts view on home page */
    
    /* posts page */
    
    .additional li {width: 100%;padding-bottom: 9px;}
    
    /* End of posts page */
    
    /* footer */
    .footer-sections{
        width:100%;
        max-width: 100%;!important

    }
    /* end of footer*/ 
    
    /* sharing part    */
    .share-first-place {width: 9%;border-radius: unset !important;}
    .share-second-place {width: 73%;padding:8px 10px 0px 10px;}
    
    /* Download part */
    .download-first-part{
        width: 10%;border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;color: white;padding: 9px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* Comments Part */
    .com-img-section{
    width: 14%;
    }
    
    .licat{width: 25%;}
    
}
@media (min-width: 992px) and (max-width: 1199px){
    
    .show-ads-pr{
        text-align: center;padding: 12px 20px;line-height: 20px;height: 103px;  
    } 
    .ads-app{
      width: 100%;  
    }
    .app-photo{
      width: 10%;
    }
    .app-desc{
      width: 40%;display: flow-root;  
    }
    .app-name{
      display: flex; 
    }
    .app-descc{
      display: flex;
    }
    .app-download{
      display: flex;width: 8%;  
    }
    .adsdesc{width:41%;}
    
    
    /* navbar styles */
    /*drop down language */    
    .languages-dropdown{
     position: absolute;
     bottom: 14px;
     margin: 4px 8rem;   
    }
    /* end of navbar styles */
    
    .main-section{
        float: left;
        width: 72%;
    }
    .main-sidebar{
       width: 26%;
       float: right; 
    }
    .search-form .form-group span.form-control-feedback {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      color: #3596e0;
      left: initial;
      font-size: 14px;
      /*position: fixed; */ 
    }
    .navstyle{
       padding-right: 123px;      
    }
    .aboutus{
        margin-right: 23%;
    }
    
    /* posts view on home page */
    
    .up-list li.app-box{width: 33.33% !important;} 
    
    /* End of posts view on home page */
    
    /* posts page */
    
    .additional li {width: 33.33%;}
    
    /* End of posts page */
    

    /* footer */
    .footer-sections{
        width:33.33%;
        max-width: 33.33%;!important

    }
    /* end of footer*/
    
    /* sharing part    */
    .share-first-place {width: 7%;border-radius: unset !important;}
    .share-second-place {width: 82%;padding:8px 10px 0px 10px;}
    
    /* Download part */
    .download-first-part{
        width: 7%;border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;color: white;padding: 9px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* Comments Part */
    .com-img-section{
    width: 14%;
    }
    
    .licat{width: 25%;}
}
@media (min-width: 1200px){
    
    
    .show-ads-pr{
        text-align: center;padding: 12px 20px;line-height: 20px;height: 103px;  
    } 
    .ads-app{
      width: 100%;  
    }
    .app-photo{
      width: 10%;
    }
    .app-desc{
      width: 45%;display: flow-root;  
    }
    .app-name{
      display: flex; 
    }
    .app-descc{
      display: flex;
    }
    .app-download{
      display: flex;width: 8%;  
    }
    .adsdesc{width:41%;}
    
    /* navbar styles */
    /*drop down language */    
    .languages-dropdown{
     position: absolute;
     bottom: 14px;
     margin: 4px 8rem;   
    }
    /* end of navbar styles */
    .main-section{
        float: left;
        width: 72%;
    }
    .main-sidebar{
       width: 26%;
       float: right; 
    }
    .search-form .form-group span.form-control-feedback {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      color: #3596e0;
      left: initial;
      font-size: 14px;
      /*position: fixed;  */
    }
    .navstyle{
       padding-right: 123px;      
    }
    .aboutus{
        margin-right: 23%;
    }
    
    /* posts view on home page */
    
    .up-list li.app-box{width: 33.33% !important;}  
    
    /* End of posts view on home page */
    
    /* posts page */
    
    .additional li {width: 33.33%;}
    
    /* End of posts page */
    
    /* footer */
    .footer-sections{
        width:33.33%;
        max-width: 33.33%;!important

    }
    /* end of footer*/
    
    /* sharing part    */
    .share-first-place {width: 5%;border-radius: unset !important;}
    .share-second-place {width: 90%;padding:8px 10px 0px 10px;}
    
    /* Download part */
    .download-first-part{
        width: 7%;border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;color: white;padding: 9px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        
        
    }
    /* Comments Part */
    .com-img-section{
    width: 10%;
    }
    .licat{width: 25%;}
}

/* for navbar and his sidebar */

/*search - Navbar sidebar */
.mysearch{
   width:33%;top: 11px;padding-right: 4%;  
}
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
  padding-right: 30px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}
/*  end search   */

/* start new sidebar */
/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  /*background-color: #111;*/  /*Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  display: block;
  transition: 0.3s;
}
.a-sidebar{
    border: 1px solid #30395c;
    background: aliceblue;
}
/* When you mouse over the navigation links, change their color */
.sidebar a:hover {}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  color: #010101;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  /*background-color: #444;*/
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .7s; /* If you want a transition effect */
  padding-top: 4px;
  margin-left: 0px;
}
.sidebar-open-btn{
    width:33%;padding-right: 28%;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}     
/* end new sidebar */
.discc ul{
    padding: 30px;
}
/* end for side bar */

/*to color scrollbar for screenshots slider */
.scrolly {}
.scrolly::-webkit-scrollbar-track {
    border: 1px solid #f4f4f4;
    padding: 2px 0;
    background-color: #e6e6e6;
    border-radius: 4px; 
}

.scrolly::-webkit-scrollbar {
  width: 10px;
  height: 10px;  
}

.scrolly::-webkit-scrollbar-thumb {
border-radius: 10px;
    background-color: #3273df;
    border: 1px solid #3273df;
}
.show_more{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(60%,hsla(0,0%,100%,.9)),color-stop(85%,#fff),to(#fff));
    background: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.9) 60%,#fff 85%,#fff 100%);
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.9) 60%,#fff 85%,#fff);
    padding: 250px 0 20px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    line-height: 50px;
    cursor: pointer;
    transition: all 2000ms ease 0s;
    color: blue;
}
/* end of to color scrollbar for screenshots slider */


/* ----------------------------------------------------------------
	Lazy Loading
-----------------------------------------------------------------*/

.lazy {
	opacity: 0;
}

.lazy:not(.initial) {
	transition: opacity 1s;
}

.lazy.initial,
.lazy.lazy-loaded,
.lazy.lazy-error {
	opacity: 1;
}

img.lazy {
	max-width: 100%;
	height: auto;
}

img.lazy:not([src]) {
	visibility: hidden;
}