@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
html {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  color: #000000;
}
.br-50 {
  border-radius: 50px;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-50 {
  margin-bottom: 50px;
}
.container {
  max-width: 1238px;
  margin: 0 auto;
}

#page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-image: url('../image/bkhd.png');
  background-repeat:repeat-x;
  background-color: #70B237;
  z-index: 9;
  -webkit-box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.16);
}
#page-header .container{
  margin-top: 15px;
}
#page-header a {
  color: #fff;
  text-decoration:none;
}

#page-header a:hover {
  color: #1A73D6;
}
#page-header #menu-holder .menu li a {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
#page-header #search-holder,
#page-header #menu-holder {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}

#page-header #search-holder {
  right: 0;
  top: 60px;
  width: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

#page-header #search-holder.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

#page-header #search-holder .form-search {
  position: relative;
  background-color: #fff;
}
/* form-search */
.ph-left form{
  display: none;
  
}
.st-open .form-search{
  display: block !important;
}
.st-open .nmi-search-toggle{
  display: none;
}
.ph-left form input{
  position: absolute;
  width: 80%;
  height: 40px;
  right: 5px;
  top: 15px;
  border-radius: 16px;
  border: none;
  padding: 0 10px; 
  z-index: 5;
}
.ph-left form button{
  position: absolute;
  right: 25px;
  top: 20px;
  z-index: 6;
  background: #FFF;
  border: none;
}

/* end -search */
#page-header #search-holder .form-search input,
#page-header #search-holder .form-search button {
  border: none;
}

#page-header #search-holder .form-search #suggest-text,
#page-header #search-holder .form-search input {
  width: 1088px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 60px;
  height: 35px;
  line-height: 35px;
  background-color: transparent;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

#page-header #search-holder .form-search input {
  position: relative;
  z-index: 2;
}

#page-header #search-holder .form-search button {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0 20px;
  z-index: 3;
  background-color: transparent;
}

#page-header #search-holder .form-search button svg {
  height: 27px;
  margin-top: 2px;
}

#page-header #search-holder .form-search #suggest-text {
  position: absolute;
  z-index: 1;
  color: #aaa;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#page-header #search-holder .form-search #suggestions {
  position: absolute;
  top: 31px;
  left: 0;
  color: #fff;
}

#page-header #search-holder .form-search #suggestions .suggestions-holder {
  padding: 8px 20px;
}

#page-header #search-holder .form-search #suggestions .suggestions-holder p {
  padding: 8px 0;
  font-weight: normal;
}

#page-header #search-holder .form-search #suggestions .suggestions-holder p strong {
  color: #1A73D6;
  font-weight: normal;
}

#page-header #search-holder .form-search #suggestions .suggestions-holder p.active, #page-header #search-holder .form-search #suggestions .suggestions-holder p:hover {
  cursor: pointer;
  color: #1A73D6;
}

#page-header #search-holder .form-search #suggest-text,
#page-header #search-holder .form-search #suggestions {
  display: none;
}

#page-header #search-holder .form-search.searching #suggest-text,
#page-header #search-holder .form-search.searching #suggestions {
  display: block;
}

#page-header #menu-holder {
  left: 0;
  width: 90%;
  max-width: 380px;
  -webkit-transform: translateX(-400px);
          transform: translateX(-400px);
}

#page-header #menu-holder.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

#page-header #menu-holder .nmi-menu-toggle {
  float: right;
}

#page-header #menu-holder .menu {
  list-style: none;
  margin-left: 20px;
  margin-top: 70px;
  margin-bottom: 10px;
}

#page-header #menu-holder .menu li {
  padding: 10px 0;
}
#page-header #menu-holder .menu li a{
  display: flex;
  align-items: center;
}
#page-header #menu-holder .menu li .svg-up{
  display: none;
}
#page-header #menu-holder .menu li a:hover .svg-up{
  display: block;
  fill:#1A73D6 !important;
  padding-left: 5px;
}
.svg-down,.svg-up{
  margin-left: 10px;
}
#page-header #menu-holder .menu li a:hover .svg-down{
  display: none;
}
#page-header #menu-holder .menu li a:hover {
  display: flex;
  align-items: center
}
#page-header #menu-holder .menu li .menu-2{
  list-style: none;
  display: none;
}
#page-header #menu-holder .menu li .menu-2 li a{
  padding: 5px;
}

#page-header #menu-holder .menu li .menu-2 li .menu-3{
  display: none;
}
#page-header #menu-holder .menu li .menu-2 li .menu-3 li a{
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
}
#page-header #menu-holder .menu li .menu-2 li:hover .menu-3{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: -15px;
  list-style: none;
}


#page-header #menu-holder .menu li .menu-2 li{
  
  padding: 15px 20px;
}



#page-header #menu-holder .menu li .menu-2 li:hover a{
  color: #FFFFFF;
  border-bottom: 1px solid #477A1E;
}
#page-header #menu-holder .menu li:hover .menu-2{
  list-style: none;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 4px 0px #00000040;
  

}
#page-header #menu-holder .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 30px;
  left: 20px;
  text-transform: capitalize;
}

#page-header #menu-holder .login .avatar {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

#page-header #menu-holder .login .dd-toggle {
  line-height: 1rem;
}

#page-header #menu-holder .login .dd-toggle::after {
  display: none;
}

#page-header #menu-holder .login .dd-toggle:hover svg,
#page-header #menu-holder .login .dd-toggle:hover svg path {
  fill: #1A73D6;
}

#page-header #menu-holder .login .dd-toggle img.avatar {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

#page-header #menu-holder .login .dd-content {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}

#page-header #menu-holder .login .dd-content a {
  margin-left: 20px;
  font-weight: normal;
  font-size: 0.856rem;
}

#page-header .ph-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  line-height: 1em;
  padding: 0 10px;
}
/* slide */
.slider .items .ct-item .title {
  margin: 10px 0;
}
.center .slick-list .items:hover {
  transform: scale(1.05);
}
.center .slick-list .items .ct-item img{
  width: auto;
  height: auto;
  padding: 10px 0;
}
.slider .items .ct-item .title a{
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #477A1E;
  text-decoration: none;
}
.slider .items .ct-item span{
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}
.slider .items .ct-item .at{
  border-right: 1px solid;
  padding-right: 25px;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  text-decoration: none;
}
.slider .items .ct-item .date {
  margin-left: 20px;
}
.slider .items .ct-item p {
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  margin-top: 10px;
}
.center  .slick-list .items{
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  padding: 50px 0;
  margin: 0 25px;
}
.center .slick-center {
  transform: scale(1.2);
}
.center  .slick-list .items img{
  width: 300px;
  height: 150px;
}
.center  .slick-list .items .ct-item{
  width: 300px;
}
.center .slick-prev, .center .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 30%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.center .slick-prev{
  left:0;
}
/* end-slide */
#page-header .ph-left .logo {
  display: block;
}

#page-header .ph-left .logo img {
  display: block;
  height: 30px;
}
.underlined{
  height: 4px;
  background: #70B237;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
#page-body {
  margin-top: 100px;
  padding: 0 10px;
}
.w3 li {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.w4 li {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sbhTitle {
  font-size:23px;
  font-weight: bold;
  line-height: 27px;
}
.sbhTitle :first-child{
  margin-bottom: -5px;
}

.sbhTitle span {
  display: inline-block;
  padding-bottom: 5px;
}
.apks {
  list-style: none;
  margin-top: 20px;
}

.apks li {
  margin-bottom: 10px;
}

.apks li .apk-image,
.apks li .apk-image::after {
  overflow: hidden;
}
.w4 li a, .w3 li a{
  text-decoration: none;
}
.w3 li .blog:hover .thumb {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.w3 li a .thumb {
  display: block;
  width: 100%;
  height: 170px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.w3 li .author a{
  border-right: 1px solid;
    padding-right: 25px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}
.w3 li .author span{
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}
.w3 li .author .date{
  margin-left: 20px;
}
.w3 li .author p{
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.w3 li a .info .title {
  font-weight: bold;
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #477A1E;
  padding: 15px 0;
}
.seemoreapk button {
  margin: 20px;
}
.seemoreapk .custom-btn {
  height: 40px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  background: #477A1E;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  transition: all 0.3s ease;
  width: 150px;
  overflow: hidden;
}
.pagination{
  text-align: center;
}

.seemoreapk .btn-10:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transform: scale(.1);
  transform: scale(.1);
}
.seemoreapk .btn-10:hover {
  color: #fff;
  border: none;
  background: transparent;
}
.seemoreapk .btn-10:hover:after {
  background: #477A1E;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#page-body .no-wrap{
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-body .no-wrap .line{
  width: 35%;
  height: 1px;
  background-color: #477A1E;
}
#page-body .no-wrap .img-logo{
  width: 35%;
  display: flex;
  justify-content: center;
}
#page-body .no-wrap .img-logo img{
  width: 100%;
}
#page-body .w-conten{
  margin-top: 50px;
}
#page-body .w-conten h3{
  font-weight: bold;
  font-size: 25px;
  line-height: 28px;
  color: #477A1E;
  margin: 15px 0;
}
#page-body .w-conten p{
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin: 15px 0;
}
#page-footer {
  background-image: url('../image/bgfooter.png');
  text-align: center;
  height: auto;
  color: #FFFFFF;
  margin-top: 100px;
}
#page-footer .pf-Top {
  padding: 30px 10px 17px 10px;
}

#page-footer .pf-Top ul{
  list-style: none;
  display: flex;
  justify-content: space-around;
}
#page-footer .pf-Top .pf-logo{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
}
#page-footer .pf-Top .pf-logo p{
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
  margin: 15px 0;
}
#page-footer .pf-Top .pf-content{
  width: 100%;
  display: flex;
  justify-content: center;
}
#page-footer .pf-Top .pf-content h4{
  font-weight: bold;
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 15px;
  margin-left: -10px;
}
#page-footer .pf-Top .pf-content .ul-conten{
  list-style: decimal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 20px;
  text-align: justify;
  margin-top: 20px;
}
#page-footer .pf-Top .pf-content .ul-conten li{
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
}
#page-footer .pf-Bot  ul{
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
#page-footer .pf-Bot  ul li{
  margin: 0 20px;
}
#page-footer .pf-Bot  ul li a{
  color: #FFF;
  text-decoration: none;
}
#page-footer .pf-Bot  p{
  padding: 15px;
}
.breadcumb ul {
  list-style: none;
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
}

.breadcumb ul li {
  display: inline-block;
  padding-right: 8px;
}

.breadcumb ul li::after,
.breadcumb ul li a,
.breadcumb ul li span {
  vertical-align: middle;
}

.breadcumb ul li::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-right: 2px solid #477A1E;
  border-bottom: 2px solid #477A1E;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.breadcumb ul li:last-child::after {
  display: none;
}

.breadcumb ul li a,
.breadcumb ul li span {
  color: #477A1E;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}

.breadcumb ul li a:hover {
  color: #1A73D6;
}
.sb-buttom{
  text-decoration: none;
  margin-right: 15px;
}
.sb-buttom .custom-btn{
  height: 40px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  outline: none;
  background: #70B237;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  transition: all 0.3s ease;
  width: 150px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.open .custom-btn{
  background: #9CA3AF;
  border-top: 4px solid #D1D5DB;
  border-right: 4px solid #D1D5DB;
  border-bottom: 4px solid #374151;
  border-left: 4px solid #374151;
}
.tabs{
  display: flex;
  flex-wrap: wrap;
}
.sb-buttom .custom-btn span {
  font-weight: 900;
  font-size: 18px;
  line-height: 21px;
  -webkit-text-stroke: 1px black;
}
.sb-buttom .custom-btn .svg-up{
  display: none;
}
.sb-buttom .custom-btn .svg-down{
  display: block;
}
.open .custom-btn .svg-up{
  display: block !important;
}
.open .custom-btn .svg-down{
  display: none !important;
  top: 280px;
}
.sb-conten {
  background: #374151;
  border-top: 7px solid #9CA3AF;
  border-right: 7px solid #9CA3AF;
  border-bottom: 7px solid #1F2937;
  border-left: 7px solid #1F2937;
  position: absolute;
  right: 10px;
  left: 10px;
  max-width: 1224px;
  margin: 0px auto;
  display: none;
  top: 300px;
}
.sb-conten ul{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 15px;
}
.sb-conten ul li a{
  color: #FFFFFF;
  text-decoration:none;
  display: flex;
  padding: 10px;
}
.sb-conten ul li{
  width: 380px;
}
.sb-conten ul li a span{
  margin-left: 20px;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}
.item-bt{
  margin-top: 10px;
  margin-bottom: -20px;
}

.item-bt .active{
  display: block;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  margin-left: 0;
  margin-top: 5px;
}
.page-description{
  margin-top: 20px;
}
.pagination ul li {
  float: left;
  margin: 0 7px;
}
.pagination ul .extend {
  margin-top: 10px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  color: #477A1E;
}
.pagination ul li a {
  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;
  height: 10px;
  width: 10px;
  background-color: #9CA3AF;
  color: #FFFFFF;
  padding: 10px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  border-top: 4px solid #D1D5DB;
  border-right: 4px solid #D1D5DB;
  border-bottom: 4px solid #374151;
  border-left: 4px solid #374151;
}

.pagination ul li:hover a, .pagination ul li.active a {
  background-color: #477A1E;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  color: #fff;
}

.pagination ul li:hover a svg, .pagination ul li:hover a svg path, .pagination ul li.active a svg, .pagination ul li.active a svg path {
  fill: #fff;
  stroke: #fff;
}

.pagination ul li .plus {
  line-height: 25px;
  padding: 0 2px;
  font-size: 20px;
  color: #555;
}

.pagination ul::after {
  content: "";
  display: block;
  clear: both;
}
/* Popular */
.content-Popular{
  list-style: none;
}
.content-Popular li .rank{
  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;
  height: 30px;
  width: 30px;
  background-color: #9CA3AF;
  color: #FFFFFF;
  padding: 10px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  border-top: 4px solid #D1D5DB;
  border-right: 4px solid #D1D5DB;
  border-bottom: 4px solid #374151;
  border-left: 4px solid #374151;
}
.content-Popular li{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000000;
  padding: 10px 0;
  flex-wrap: wrap;
}
.content-Popular li img{
  width: 210px;
  height: 109px;
  margin: 5px 15px;
}

.content-Popular li .blog :hover .thumb{ 
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.content-Popular li .info .title{
  font-weight: bold;
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #477A1E;
  padding: 10px 0;
  border: none;
}
.content-Popular li .info span{
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}

.content-Popular li .info a{
  font-weight:700 ;
  font-size: 15px;
  left: 17px;
  color: #000000;
  text-decoration: none;
  border-right: 1px solid;
  padding-right: 25px;
}

.content-Popular li .info .date{
  margin-left: 20px;
}
.content-Popular li .info p{
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  margin-top: 10px;
}


.content-Popular :first-child .rank{
  background: #E9DF02;
  border-top: 4px solid #FFF629;
  border-right: 4px solid #FFF629;
  border-bottom: 4px solid #837D00;
  border-left: 4px solid #837D00;
}

.content-Popular :nth-child(2) .rank{
  background: #D7D7D7;
  border-top: 4px solid #E8E8E8;
  border-right: 4px solid #E8E8E8;
  border-bottom: 4px solid #C5C5C5;
  border-left: 4px solid #C5C5C5;
}
.content-Popular :nth-child(3) .rank{
  background: #A17A3F;
  border-top: 4px solid #F5C987;
  border-right: 4px solid #F5C987;
  border-bottom: 4px solid #594323;
  border-left: 4px solid #594323;
}

/* end-Popular */
/* single */

.sbbody-single .single-conten{
  margin-right: 10px;
}
.sbbody-single .single-conten .process span{
  font-weight: normal;
  font-size: 13px;
  line-height: 36px;
}
.sbbody-single .single-conten .process svg{
  margin: 0 15px;
}
.sbbody-single .single-conten .author {
  background-color: #F0F0F0;
}
.sbbody-single .single-conten .author span{
  font-weight: 300;
  font-size: 13px;
  line-height: 36px;
  color: #838383;
  margin: 0 20px;
}
.sbbody-single .author .time{
  float: right;
  font-weight: 300;
  font-size: 13px;
  line-height: 36px;
}
.sbbody-single .author a{
  font-weight: 500;
  text-decoration: none;
  color: #838383;
}
.sbbody-single .single-conten h3{
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
  /* color: #477A1E; */
  margin: 15px 0 ;
}
.sbbody-single .single-conten p{
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
}
.sbbody-single .single-conten img{
  width: 100%;
}
.sbbody-single .single-conten .screenshots ul{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content:space-between;
}
.sbbody-single .single-conten .screenshots li{
  width: 100%;
  padding: 20px 0;
}
.sbbody-single .single-conten .screenshots li img{
  padding: 0;
}
.sbbody-single .single-conten .screenshots li img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.sbbody-single .single-conten .ct-install .ct-ins{
  background: url("../image/bk_installs_new.png");
  /* background-repeat: no-repeat; */
  color: #fff;
  padding: 20px 40px;
}
.sbbody-single .single-conten .ct-install .ct-ins ul{
  padding: 20px 50px;
  list-style: square inside;
}
.sbbody-single .single-conten .ct-install .ct-ins ul li{
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  color: #FFF;
  margin-left: 15px;
}
.sbbody-single .single-conten .ct-download a{
  display: flex;
  justify-content: center;
}
.sbbody-single .single-conten .ct-download  .sb-buttom .custom-btn{
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  outline: none;
  background: #477A1E;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  transition: all 0.3s ease;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around; 
  height: auto;
  width: auto;
  padding: 10px;
}
.sbbody-single .single-conten .ct-about .ct-ab{
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #FFFFFF;
}
.sbbody-single .single-conten .ct-about .ct-ct {
  margin: 10px 20px;
}
.sbbody-single .single-conten .ct-about .ct-icon{
  position: relative;
  margin: 10px 20px;
}
.ct-review .form-comment {
  margin-bottom: 20px;
}
.ct-review .pagination ul{
  padding-top:20px;
}
.ct-review .form-comment textarea{
border: 2px solid #ADADAD;
    box-sizing: border-box;
    border-radius: 15px;
    width: 100%;
    padding: 15px;
    height: 125px;
}
/* list comment*/
.list-comments {
  list-style: none;
  margin-left: 0;
  padding-top: 20px;
}

.list-comments ul {
  list-style: none;
  margin-left: 0;
}

.list-comments li .avatar {
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  border-radius: 50px;
}

.list-comments li .info {
  padding-left: 40px;
}

.list-comments li .info .user {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
}
.list-comments li .content {
  font-weight: 300;
  font-size: 18px;
  line-height: 36px;
}
.list-comments li  .wraploadmore,
.list-comments li  .links {
  margin-bottom: 20px;
}

.list-comments li .info .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-direction: column;
}

.list-comments li .info .user .name {
  font-size: 25px;
  font-weight: bold;
  color: #000000;
  margin-right: 15px;
}
.list-comments li .info .user .time{
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
}
.list-comments li  .links {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  max-width: 100%;
  overflow-x: auto;
}

.list-comments li .links li {
  position: relative;
  padding-right: 12px;
  margin-right: 14px;
  color: #8A8888;
  white-space: nowrap;
}

.list-comments li  .links li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #8A8A8A;
  font-size: 22px;
  line-height: 36px;
  text-decoration: none;
}
.list-comments li  .links li a span{
  padding: 5px;
}

.list-comments li  .links li a:hover {
  color: #1A73D6;
}

.list-comments li  .links li a:hover svg,
.list-comments li  .links li a:hover svg path {
  fill: #1A73D6;
}

.list-comments li  .links li a small {
  font-size: 1em;
}

.list-comments li  .links li a.unlike {
  color: #3689F5;
}

.list-comments li  .links li a.unlike svg,
.list-comments li  .links li a.unlike svg path {
  fill: #3689F5;
}

.list-comments li  .links li:last-child::after {
  display: none;
}

.list-comments li  .links li::after {
  display: block;
  content: "";
  height: 25px;
  width: 1px;
  position: absolute;
  bottom: 10%;
  right: 0;
  background-color: #8A8888;
}
.list-comments li .reply textarea{
  width: 90%;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #C4C4C4;
  padding: 15px;
  margin-left: 10px;
  outline:none;
}
.list-comments li .frm-row button{
  background: #477A1E;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  float: right;
  margin-right: 100px;
  padding: 5px 12px 0 12px;
}
.list-comments .box-stars img{
  width: auto;
  height: auto;
}
/* end list comment */
.sbbody-single .single-conten .ct-about .ct-ct span{
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
}
.sbbody-single .single-conten .ct-about .ct-ct p{
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
}
.sbbody-single .single-conten .ct-about .ct-ab img{
  width: 100px;
  height: 100px;
  margin: 10px 20px;
}
.sbbody-single .widget{
  height: auto;
  padding: 0px 40px;;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.sbbody-single .widget form {
  display: flex;
  border: 2px solid #C4C4C4;
  justify-content: space-between;
  padding: 0 15px;
  border-radius: 6px;
  margin: 40px 0;
}
.sbbody-single .widget form input,.sbbody-single .widget form button{
  background: #FFFFFF;
  border: none;
  height: 39px;
}
.sbbody-single .widget form input[type="text"]{
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
}
.sbbody-single .widget form input:focus {
  outline: none;
}
.widget-Selection .title{
  display: flex;
  align-items: center;
}
.widget-Selection .title span{
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  margin-left: 15px;
}
.widget-Selection  .select {
  list-style: none;
  margin: 20px 0;
}
.widget-Selection  .select .active {
  height: 40px;
  background: #70B237;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;
  transition: all 0.3s ease;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0;
}
.widget-Selection  .select .active a{
  border: none;
}
.widget-Selection  .select li{
  height: 40px;
  background: #477A1E;
  transition: all 0.3s ease;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 4px;
}
.widget-Selection  .select a {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
  color: #FFF;
  border-bottom: 1px solid #474747;
  padding: 10px 0;
  margin-right: auto;
  margin-left: 15px;
  width: 80%;
}
.widget-Selection .select  .svg-up{
  display: none;
}
.widget-Selection .select .open .svg-up{
  display: block;
}
.widget-Selection .select .open .svg-down{
  display: none;
}
.widget-Selection .select .hide{
  display: none;
}
.widget-Selection  .select a:hover{
  transform:scale(1.05)
}
.widget-Selection  .select svg{
  margin-right: 15px;
}
.widget-Selection .sl option{
  background-color: #477A1E;
  border-bottom: 1px solid #474747;
}
.widget .blogs .title span{
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}
.widget .blogs .w3 li{
  width: 100%;
}
.widget .blogs .w3 li a .thumb {
  height: 150px;
}

.widget .blogs .w3 .rank-star{
  margin-bottom: 10px;
}
.stars {
  font-size: 20px;
  position: relative;
}

.stars::after,
.stars .score {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.stars::after {
  display: block;
  content: "★ ★ ★ ★ ★";
  color: #ddd;
  right: 0;
  z-index: 1;
}

.stars .score {
  color: #F3AF0C;
  overflow: hidden;
  z-index: 2;
}

.rating-bar {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.rating-bar > input {
  display: none;
}

.rating-bar > label {
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

.rating-bar > label svg {
  height: 20px;
  width: 20px;
}

.rating-bar > input:checked ~ label svg path,
.rating-bar > input:checked ~ label ~ label svg path {
  fill: #FFF500;
  stroke: #FFF500;
}

.rating-bar > input:not(:checked) ~ label:hover svg path,
.rating-bar > input:not(:checked) ~ label:hover ~ label svg path {
  fill: #FFF500;
  stroke: #FFF500;
}
 .rating-detail {
  margin-bottom: 16px;
  margin-top: 20px;
}

 .rating-detail .rt-l {
  text-align: center;
  margin-bottom: 20px;
}

 .rating-detail .rt-l .score {
  font-size: 2.1429rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1em;
  color: #FA4C2A;
}

 .rating-detail .rt-l .info {
  width: 100%;
  margin: 0 auto;
}

 .rating-detail .rt-l .info div span {
  margin-left: 10px;
}

 .rating-detail .rt-l .info div:last-child {
  color: #707070;
}

 .rating-detail .rt-r {
  padding: 0 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

 .rating-detail .rt-r .line {
  font-weight: 400;
  height: 20px;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  color: #707070;
}

 .rating-detail .rt-r .line .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: -35px;
  text-align: left;
}

 .rating-detail .rt-r .line .title span {
  margin-right: 3px;
}

 .rating-detail .rt-r .line .score {
  -webkit-transition: width .25s ease;
  transition: width .25s ease;
  display: inline-block;
  height: 100%;
  opacity: .8;
  min-width: 5%;
  border-radius: 50px;
}
 .rating-detail .rt-r .line .score{
  background: #FD4E5D;
  border: 1px solid #FD4E5D;
}
 .rating-detail .rt-r .line .score_{
  background: #FFF;
  border: 1px solid #FD4E5D;
  position: absolute;
  left: 0%;
  z-index: -1;
}


 .rating-detail .rt-r .line .count {
  letter-spacing: 1px;
  position: absolute;
  margin-left: 5px;
}

 .rating-detail .rt-r .line .title,
 .rating-detail .rt-r .line .count {
  line-height: 15px;
}

 .rating-detail .rt-r .line:last-child {
  margin-bottom: 0;
}
.form-comment .sb-buttom button{
  background: #477A1E;
  border-top: 4px solid #8FCA5C;
  border-right: 4px solid #8FCA5C;
  border-bottom: 4px solid #3B610C;
  border-left: 4px solid #3B610C;  
  float: right;
  margin-right: 20px;
}
/* end-single */
/* skin */
.sbskins ul{
  list-style: none;
  margin: 20px 0;
}
.sbskins ul li{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  border-bottom: 1px solid #6B7280;
}
.sbskins ul li .ct-skin{
  margin: 20px 0;
}
.sbskins ul li .ct-skin h3{
  font-weight: bold;
  font-size: 23px;
  line-height: 27px;
  color: #497E20;
  margin: 20px 0;
}
.sbskins ul li .ct-skin span{
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
}
.sbskins ul li .ct-skin .author{
  font-weight: bold;
}
.sbskins ul li .ct-skin p{
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin: 20px 0;
}
.sbskins ul li a button{
  margin: 0;
}
/* end-skin */
@media screen and (min-width: 375px){
  .content-Popular :first-child .info .title{
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
  }
  .content-Popular :first-child .info span{
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
  }
  .content-Popular :nth-child(2) .ct .info .title{
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
  }
  .content-Popular :nth-child(2) .ct .info span {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
  }
  .content-Popular :first-child .info a{
    font-weight:700 ;
    font-size: 18px;
    left: 17px;
    text-decoration: none;
  }
  .content-Popular :nth-child(2) .ct .info .author{
    font-weight:700 ;
    font-size: 16px;
    left: 17px;
    text-decoration: none;
  }
  .content-Popular :first-child .info p{
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
  }
  .content-Popular :nth-child(2) .info p{
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
  }
  .content-Popular :first-child .rank{
    width: 45px;
    height: 45px
  }
  .content-Popular :nth-child(2) .rank{
    width: 40px;
    height: 40px;
  }
  .content-Popular :nth-child(3) .rank{
    width: 35px;
    height: 35px;
  }
  .sb-buttom .custom-btn {
    width: 170px;
    margin-right: 7px;
  }
  .content-Popular li .thumb {
    width: 210px;
    height: 109px;
    margin: 5px 35px;
  }
  .content-Popular :first-child a .thumb {
    width: 245px;
    height: 129px;
    margin: 5px 15px 5px 20px;
  }
  .content-Popular :nth-child(2) a .thumb {
    width: 230px;
    height: 120px;
    margin: 5px 25px;
  }
  .content-Popular :nth-child(3) a .thumb {
    width: 220px;
    height: 115px;
    margin: 5px 30px;
  }
}

@media screen and (min-width: 414px){
  .content-Popular li img {
    width: 210px;
    height: 109px;
    margin: 0 50px;
  }
}
@media screen and (min-width: 768px){
  .content-Popular li .info{
    width: 320px;
  }
  .content-Popular :first-child .info{
    width: 360px;
  }
  #page-footer .pf-Top .pf-logo{
    width: 35%;
  }
  .w4, .w3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -15px;
  }
  .w4 li, .w3 li {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
}
  .secbox .sbheader, .box-space, .blogs li, .apks li {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  #page-footer{
    height: 300px;
  }
  #page-footer .pf-Top .container{
    display: flex;
  }
  #page-footer .pf-Top .pf-content{
    width: 65%;
  }
  .sb-conten ul li {
    width: 50%;
    display: flex;
    justify-content: flex-start;
  }
  .sb-buttom .custom-btn{
    margin-right: 20px;
  }
  .sb-conten{
    top: auto;
  }
  .sbskins ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #6B7280;
    align-items: center;
  }
}

@media screen and (min-width: 992px) {
  #page-header #search-holder {
    top: 85px;
  }
  .content-Popular li .ct{
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .content-Popular :first-child .ct{
    margin-left: 0;
  }
  .content-Popular :nth-child(2) .ct{
    margin-left: 5px;
  }
  .content-Popular li .ct .rank-star{
    width: 250px;
    display: flex;
    justify-content: flex-end;
  }
  #page-body .no-wrap .img-logo{
    width: 20%;
  }
  #page-header #menu-holder .menu :nth-child(2) .menu-2{
    margin-left: 180px;
  }
  #page-header #menu-holder .menu li .menu-2 li:hover {
    background: #477a1e;
  }
  #page-header #menu-holder .menu li .menu-2 li a{
    padding: 0;
    border-bottom: 1px solid #477A1E;
  }
  #page-header #menu-holder .menu li:hover .menu-2{
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 65px;
    left: 30px;
    background-color: #70B237;
    width: 225px;
    border-top: 5px solid #477A1E;
    box-shadow: 0px 4px 4px 0px #00000040;
  
  }
  #page-header #menu-holder .menu li .menu-2 li a{
    padding: 0;
    border-bottom: 1px solid #477A1E;
  }
  #page-header #menu-holder .menu li .menu-2 li:hover .menu-3{
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #70B237;
    width: 225px;
    border-top: 5px solid #477A1E;
    border: 1px solid #477A1E;
    left: 225px;
    margin-top: -15px;
  }
  #page-header .container {
    position: relative;
  }
  #page-header .ph-left {
    float: left;
    height: 70px;
    padding: 0;
  }
  #page-header .ph-left .nmi-menu-toggle {
    display: none;
  }
  #page-header .ph-left .nmi-search-toggle {
    position: absolute;
    right: 16px;
    top: 22px;
    z-index: 6;
  }
  #page-header .ph-left .logo {
    margin: 10px 0;
  }
  #page-header .ph-left .logo img {
    height: auto;
    width: 120px;
  }
  #page-header .ph-right {
    float: right;
    margin-right: 81px;
  }
  #page-header #search-holder .form-search {
    margin: 0px auto 0 auto;
    text-align: center;
  }
  #page-header #search-holder .form-search #suggest-text,
  #page-header #search-holder .form-search input {
    height: 60px;
    line-height: 40px;
  }
  #page-header #menu-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: static;
    right: inherit;
    top: inherit;
    bottom: inherit;
    background-color: transparent;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: inherit;
    max-width: inherit;
    overflow: inherit;
    z-index: 5;
  }
  #page-header #menu-holder .nmi-menu-toggle {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  #page-header #menu-holder .menu {
    margin: 0;
  }
  #page-header #menu-holder .menu li {
    display: inline-block;
    padding: 0;
  }
  #page-header #menu-holder .menu li a {
    display: block;
    color: #FFFFFF;
    padding: 22px 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
  }
  #page-header #menu-holder .menu li a:hover {
    color: #1A73D6;
  }
  #page-header #menu-holder .menu li:hover .underlineds{
    display: block;
  }
  #page-header #menu-holder .login {
    top: inherit;
    left: inherit;
    position: relative;
    margin-left: 20px;
  }
  #page-header #menu-holder .login .dd-toggle svg path {
    fill: #000;
  }
  #page-header #menu-holder .login .dd-content {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
  #page-header #menu-holder .login .dd-content a {
    color: #000;
    display: block;
    padding: 5px 16px;
    margin-left: 0;
    font-size: 1rem;
  }
  #page-header #menu-holder .login .dd-content a:hover {
    color: #1A73D6;
  }
  #page-header #menu-holder .login.open .dd-content {
    display: block;
  }

  .w4 li, .w3 li {
    width: 33.333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
  }
  #page-footer .pf-Bot  ul{
    display: flex;
    list-style: none;
    justify-content: center
  }
  .sbbody-single .single-conten{
    width: 70%;
  }
  .sbbody-single .widget{
    width: 22%;
    height: fit-content;
  }
  .sbbody-single{
    display: flex;
  }
  .sbbody-single .single-conten .screenshots li {
    width: 49%;
  }
  .sbbody-single .single-conten .ct-about .ct-ab{
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #FFFFFF;
    display: flex;
    justify-content: space-evenly;
  }
  .sbbody-single .single-conten .ct-about .ct-ct {
    margin: 10px 20px;
    width: 50%;
}
  .sbskins ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .sbskins ul::before{
    content: "";
    width: 1px;
    height: 135%;
    background: #6B7280;
    position: absolute;
    left: 50%;
    max-height: 1500px;
  }
  .sbskins ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: 1px solid #6B7280;
    align-items: center;
    width: 50%;
  } 
  .sbskins ul li .ct-skin {
  margin-right: 50px;
  }
  .sbskins ul :nth-child(7) , .sbskins ul :last-child {
    border: none;
  }
  .center .slick-list .items .ct-item {
    width: 260px;
  }
  .center .slick-list .items img{
    width: 260px;
  }
}
@media screen and (min-width: 1088px){
  #page-header .ph-left .logo img {
    height: auto;
    width: 200px;
  }
  .sb-conten ul li {
    width: 33.3333333%;
    display: flex;
    justify-content: flex-start;
  }
  
}
@media screen and (min-width: 1120px){
  #page-body .no-wrap .img-logo{
    width: 18%;
  }
  .sb-conten {
    margin: 0px auto;
    z-index: 2;
    max-width: 1224px;
  }
  .content-Popular li .ct{
    display: flex;
    align-items: center;
  }
  .center  .slick-list .items img{
    width: 100%;
    height: 225px;
  }
  .center  .slick-list .items .ct-item{
    width: 300px;
  }
}
@media screen and (min-width: 1180px){
  .content-Popular li .ct {
    display: flex;
    align-items: center;
    width: 800px;
    justify-content: space-between;
  }
  .resource-w4 li{
    width: 25%;
  }
}