/*
 Theme Name:   rksc
 Theme URI:    http://exellartech.com/
 Description:  A Twenty Sixteen child theme 
 Author:       ExellarTech
 Author URI:   http://exellartech.com
 Template:     twentysixteen
 Version:      1.0.0
*/
li#fix-logo img {
    max-width: 220px;
    display: inline-block;
    float: left;
    margin: 3px 0 0;
}
.hgf .list-style-two li::before {
    top: 8px;
}
.list-style-two li span {
    font-weight: normal;
       color: #686868;
    font-size: 17px;
    font-weight: 600;
    
}
.page-id-20 .page-sec.white-bg .inner-block-sec {
    margin-top: -50px;
}
.services-area .single-service-blk {
    width: 20%;
    padding: 15px;
    float: left;
}
.projects ul li:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
}

.filterDiv.show {
    display: inline-block;
}
.projects ul li {
    list-style: none;
    width: 33%;
    margin-bottom: 30px;
}
.filterDiv {
    display: none;
}
.dcx img.card-img-top.img-fluid {
    height: 170px;
}
.tessw img {
    max-width: 200px;
}
.page-id-587 .inner-block-sec {
    margin-top: -110px;
}
.voluntee-blk-sec aside .voluntee-blk {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-cntent {
    padding: 20px;
}

.scrollbar {
    height: 250px;
    overflow-y: scroll;
}.voluntee-blk-sec aside .voluntee-blk .voluntee-cntent span {
    display: block;
    font-size: 60px;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    padding: 10px 0;
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-img {
    padding: 80px 0 0 0;
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-img img.voluntee-img1 {
    border-radius: 50%;
    width: 150px !important;
    height: 150px;
    border: 5px solid #fff;
    margin-top: -120px;
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-img h3 {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-top: 18px;
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-img {
    padding: 80px 0 0 0;
}
.voluntee-blk-sec aside .voluntee-blk .voluntee-img .name-img {
    padding: 20px 0;
    margin: 0;
    text-align: center;
    position: relative;
}
.tessw {
    text-align: center;
    margin: 20px 0px;
}
.szax img.img-responsive {
    height: 180px;
}
button#place_order {
    border: 1px solid #ca1314;
    background: #ca1314;
    color: #fff;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 4px;
}
textarea#message {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 7px;
}
#pdf {
    padding: 15px;
    margin: 20px 0px;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin: 0 !IMPORTANT;
    padding: 0;
}
.dxsq {
    margin-bottom: 40px;
}
.default-form.confirmation-form .details-listng .list-style-two li {
    padding-left: 14px;
    text-align: left;
    list-style: none !important;
}
.hfggfe {
    margin: 0 auto;
    width: 240px;
    background-image: url("https://rksc.org.in/wp-content/uploads/2021/03/cropped-main_logo_sticky.png");
    height: 68px;
}
.hallticket-details {
    float: left;
    width: 100%;
}
.eeeg {
    padding: 0 !important;
    margin: 0;
     
    background-color: transparent;
    border: none;
    position: relative;
}
.woocommerce ul.products li.product a {
    text-decoration: none;
}
ul.products.columns-4 label {
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    color: #333;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !IMPORTANT;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    width: 100%;
    text-align: center;
    border: 1px solid #ca1314;
    background: #ca1314;
    color: #fff;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 4px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: none !IMPORTANT;
}
.woocommerce-message {
    display: none !IMPORTANT;
}
h3#order_review_heading {
    display: none !IMPORTANT;
}
.woocommerce-billing-fields h3 {
    display: none !IMPORTANT;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100% !IMPORTANT;
}
.woocommerce-additional-fields {
    display: none !IMPORTANT;
}
.kjhfg h4 {
    font-size: 17px;
}

.woocommerce-breadcrumb {
    display: none;
}
.woocommerce-products-header {
    display: none;
}
.woocommerce-result-count {
    display: none;
}
.orderby {
    display: none;
}
#secondary {
    display: none;
}
#secondary {
    display: none !important;
}
.woocommerce-products-header {
    display: none !important;
}
.woocommerce-result-count {
    display: none !important;
}
.woocommerce-ordering {
    display: none !important;
}
.products.columns-4 {
    margin-top: 20px !important;
}
.woocommerce-breadcrumb {
    display: none !important;
}
.kjhfg {
    margin-top: -50px !important;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.button.wecb_emptycart {
    background-color: #0073aa !important;
    color: #ffffff !important;
    padding: 9px 30px !important;
    min-width: 100px;
    position: relative;
    margin-top: 15px !important;
    float: left;
    font-size: 17px !important;
    font-weight: normal !important;
}
input#alg_open_price_475 {
    width: 100% !IMPORTANT;
    float: left !IMPORTANT;
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bvoluntee-btn-m a {
    font: normal normal 600 16px/38px Open Sans;
    letter-spacing: 0px;
    color: #fff !IMPORTANT;
    background: #213B83;
    border: 1px solid #213B83;
    border-radius: 3px;
}
.woocommerce-form-coupon-toggle {
    display: none;
}
.assd  {
 
    font-weight: 600;
    
}
.eeea {
    position: absolute;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #ed1c24;
    border-radius: 50%;
    opacity: 1;
    color: #fff !important;
    top: -15px;
    font-size: 24px;
    border: 2px solid #fff;
    padding: 0 0 0 7px;
    font-weight: bold;
    font-size: 21px;
}
.shop_table.woocommerce-checkout-review-order-table {
    display: none !important;
}
#billing_message {
    width: 100% !IMPORTANT;
    float: left !IMPORTANT;
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.woocommerce-billing-fields input {
    width: 100% !IMPORTANT;
    float: left !IMPORTANT;
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 4px;
    height: 35px;
    padding: 2px 1px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.dcx img
{
    max-height:190px;
}
.xzsw {
    margin-top: 60px;
}
.gvd h3 {
    font-size: 25px;
    padding-left: 15px;
    margin: 20px 0px;
}
.gvd h2 {
    font-size: 30px;
    margin-top: 15px;
    padding-bottom: 25px;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}
.cf7mls_next {
    background-color: #fa946b !important;
    border-color: #fa946b !important;
    padding: 8px 28px !important;
    font-size: 16px;
    font-weight: 600;
}
.fieldset-cf7mls .cf7mls_back {
    position: absolute;
    right: 120px;
    border:1px solid#ccc;
    color: #333;
background-color: #fff;
border-color: #ccc;
    font-size: 16px;
    font-weight: 600;
padding: 8px 28px !important;
}
.modal-nww {
  /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
    border: 1px solid red;
}
.modal1 {
  /* Hidden by default */
  position: fixed; /* Stay in place */
 z-index: 999999999999999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-contengt {
    width: 600px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    padding: 10px 10px;
}
#closess {
    cursor: pointer;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    padding: 9px 20px;
    border-radius: 5px;
}
.succfail-box p {
    margin-bottom: 40px;
}
.becum-mem-blk h3 {
   
    margin: 0;
}
.sxaq
{
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
}
.aazsaq
{    width: 100%;
    }
.ee {
    background-color: #337ab7;
   border: none;
    color: #fff;
    font-size: 16px;
    padding: 7px 20px;
    border-radius: 4px;
}
.hfggf {
    color: #fff;
    background-color: #d9534f;
    padding: 7px 20px;
    border-radius: 4px;
    border: none;
}
.signature-sec {
    width: 100%;
}
.default-form.confirmation-form.assessmnt-form {
    width: 100%;
}
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
    height: 50px !IMPORTANT;
    font-size: 15px;
}
.page-id-20 .inner-content-sec {
    margin: 0 !IMPORTANT;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.wpcf7-not-valid {
    border: 1px solid red;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: transparent !important;
    border: none;
    text-transform: UPPERCASE;
    FONT-SIZE: 20px;
    position: absolute !important;
    top: 5px;
    z-index: 999999;
    outline: none !important;
}
.page-id-32 .content-blk p {
    margin-bottom: 20px;
}
.eeeg:hover::after {
    width: 110px;
    background: rgba(239,125,90,1);
    z-index: 99;
}
.eeeg::after {
    position: absolute;
    content: '';
    width: 74px;
    height: 40px;
    background: rgba(239,125,90,0.3);
    left: -25px;
    top: 0;
    transition: width 2s;
    -webkit-transition: width 2s;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    height: 100px !IMPORTANT;
}
.mobilemenu {
    text-align: left;
    
    display: none;
}
img {
    max-width: 100%;
}
.team-singel-sec h3 {
    
    margin-top: 20px;
    margin-bottom: 10px;
}.container {
    max-width: 1170px;
}
ul.nav.nav-tabs {
    display: block;
}
.collapse.in {
    display: block !IMPORTANT;
}
.card-body {
    border: none;
    padding: 0;
}
.szs {
    margin: 0 !IMPORTANT;
    margin-top: 40px !IMPORTANT;
}
h2.widgettitle {
    font-size: 20px;
}
li#a2a_share_save_widget-2 {
    margin: 0;
    padding: 0;
    list-style: none;
}
a.jnfb {
    cursor: pointer;
}
.hdhddd {
    display: none;
}
span.sdsa a {
    font-size: 11px !IMPORTANT;
}
a.ddsa {
    color: #337ab7;
}
#donations .ccMoney, #donations .bloodDonate {
    width: 50%;
    padding: 70px 0 40px;
}
#donations .ccMoney, #donations .bloodDonate {
    width: 50%;
    padding: 70px 0 40px;
}
#donations .ccMoney h6 {
    padding: 40px 0 0;
    font: 600 16px/26px 'Open Sans', sans-serif !important;
    text-align: left;
}
#donations .ccMoney h1 {
    text-align: left;
    font: 900 42px/64px 'Open Sans', sans-serif !important;
    color: #be0404;
}
#donations .ccMoney h1 span {
    font: 600 20px/30px 'Open Sans', sans-serif !important;
    color: #112234;
    padding-bottom: 0px;
}
#donations .ccMoney .money {
    float: left;
    width: 85%;
}
#donations .ccMoney .money .text h3 {
    font: 700 24px/30px 'Open Sans', sans-serif;
    color: #be0404;
    text-transform: uppercase;
}

#donations .ccMoney .money .text p {
    font: 600 16px/25px 'Open Sans', sans-serif !important;
    width: 80%;
}
.services-area .single-service-blk.single-service-blk1 .single-service h3 {
    font-size: 14px;
    height: 45px;
    overflow: hidden;
}
.services-area .single-service-blk.single-service-blk1 {
    width: 16.66666666%;
    padding: 5px;
}
.bloodDonate img.wh-icons {
    position: absolute;
    bottom: -80px;
    left: 20px;
}
img.hbfdsz {
    max-width: 500px !IMPORTANT;
    float: right;
}
#donations .bloodDonate:after
{
    display:none !IMPORTANT;
}
#donations .ccMoney .money .icon img {
    width: 100%;
}
#donations .ccMoney .money .icon {
    width: 90px;
}
#donations .ccMoney h6:before {
    position: absolute;
    content: '';
    background: url(https://rksc.org.in/wp-content/uploads/2021/03/col.png) no-repeat left top;
    width: 80px;
    height: 65px;
    left: -10px;
    top: -40px;
    background-size: cover;
}
#donations .ccMoney h6:after {
    position: absolute;
    content: '';
    background: url(https://rksc.org.in/wp-content/uploads/2021/03/hand-bg.png) no-repeat left top;
    width: 370px;
    height: 476px;
    left: -10px;
    top: -35px;
    background-size: contain;
}
.services-area .single-service-blk .single-service {
    border: 1px solid #eee;
    padding: 0px 10px;
    position: relative;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    text-align: center;
    margin-bottom: 30px;
    clear: both;
    float: none;
    display: table;
    width: 100%;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    padding: 25px 35px;
}

.services-area .single-service-blk .single-service .icon-ser img{ width:100px; }
div#about-1 img {
    display: initial;
}
.page-id-376 figure.snip1253 img
{
        max-height: 200px;
}
img.attachment-.size-.wp-post-image {
    max-height: 200px;
}
@media only screen and (max-width: 1000px) {
 .mobilemenu {

    display: block;
}
.mobilemenu img {
    max-width: 160px;
    max-height: 45px;
}
}

ul.div-table li.content-sec p.minheit{line-height: 24px; }
#leadership ul.div-table li {vertical-align: top; padding:10px;}
#leadership ul.div-table { min-height: 205px !important;}

#members ul li img {
    max-width: 100%;
    width: 170px;
}

.h-events-carousel img.attachment-.size-.wp-post-image { width:auto !important;     margin: auto; }
.h-events-carousel .item .pic{ text-align:center !important;     margin: auto; }
.event-pdfs-sec aside { margin:0 0 30px 0; }
.event-pdfs-sec aside .event-pdfs-blk{border: 1px solid #f2f2f2;
    border-radius: 6px;
    padding: 10px;}
.event-pdfs-sec aside .event-pdfs-blk img.event-pdf{ width:100%; height:250px; }
.event-pdfs-sec aside .event-pdfs-blk h3{ font-size:16px; font-weight:600;  }

.team-singel-sec{min-height: 350px;}

@media screen and (max-width: 767px) {
    .services-area .single-service-blk.single-service-blk1 { width: 100%; padding: 5px;}
    #donations .ccMoney .money {  float: none;  width: 100%;}
    .bloodDonate br{ display: none; }    
    #donations .ccMoney .money .text {  display: block; float: none;}
    #donations .ccMoney .ccTv .text, #donations .ccMoney .money .text { width: 100%;}
    .services-area .single-service-blk.single-service-blk1 .single-service h3 {font-size: 16px;height: auto;}
    
    .services-area .single-service-blk { width:100%;float:none;}
    .services-area .single-service-blk .single-service {margin-bottom:10px;}
    .becum-mem-blk.sxaq { margin: auto; width: 90%;text-align: center;}
    .becum-mem-blk h3 {float: none; text-align: center; margin:10px;}
    .services-area .becum-mem-blk a.blue-btn-sec { float: none; margin-top: 17px; padding: 8px 12px; clear: both; display: block;}
    .services-area .single-service-blk.single-service-blk1 {width: 100%;padding: 5px 15px;}
    .services-area .single-service-blk.single-service-blk1 .single-service h3,
    #donations .ccMoney h6 br{height: auto;}
    #donations .ccMoney, #donations .bloodDonate,
    #donations .ccMoney .money{width: 100%;}
    #donations .ccMoney h1 {
        text-align: left;
        font: 900 30px/40px 'Open Sans', sans-serif !important;}
    #donations .ccMoney, #donations .bloodDonate {
        width: 100%;
        padding: 5% 0;
    }
    .bloodDonate img.wh-icons {
        position: absolute;
        bottom: -40px;
        left: -16px;
        width: 118px;
    }
    ul.div-table li.content-sec p.minheit {
        min-height: auto;
    }
    h2.heading-main {
        font-size: 18px;
        font-weight: 700;
    }
    .team-singel-sec{min-height:auto;}
}





/* Gallery New */

.gallery-tabs .tab {
    text-align: center;
    margin-bottom: 15px;
}
.gallery-tabs .tab button.btn.active,
.gallery-tabs .tab button.btn.active:hover,
.tabbable-line ul.nav-subcat li.active,
.tabbable-line ul.nav-subcat li:hover {
    border-bottom: 4px solid #c20101;
    color: #c20101 !important;
    box-shadow: none;
}
.gallery-tabs .tab button.btn,
.tabbable-line ul.nav-subcat li {
    border: 0;
    margin-right: 0;
    color: #030099 !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 4px solid transparent;
}
.gallery-tabs .tab button.btn:hover,
.tabbable-line ul.nav-subcat li:hover {
    border-bottom: 4px solid #fbcdcf;
}
.gallery-tabs .tab button.btn,
.tabbable-line ul.nav-subcat li {
    outline: none;
    box-shadow: none;
}
.tab.subcat-tab ul {
    padding: 0;
    margin: 0 !important;
}
ul.nav.nav-tabs.nav-subcat {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 15px 0;
    border: 0;
}

/*our volunteer form*/
.rksc_hk_css5 input.wpcf7-form-control.wpcf7-submit{
   position: relative !important;
  border:2px solid #333;
  width:40%;

  border-radius:30px;
}
.rksc_hk_css .wpcf7-form-control{
padding:10px !important;
  margin:10px 0px !important;
width:100%;
  border-radius:30px;
}
.rksc_hk_css .wpcf7-text::placeholder{
  color:#000 !important;
}
.rksc_hk_css5 .wpcf7-submit{
  font-family:"Open Sans" !important;
  font-size:14px !important;
  text-transform: none !important;  
}
.wpcf7 {
 display: flex !important;

}
.cf7mls-no-scroll{
    margin: 0px auto;
}
.rksc_hk_css{
  border:1px solid #f2f2f2;
  padding:30px;
  
}
.rksc_hk_css .wpcf7-form-control:focus{
 border: 1px solid #213C83;
  
}

section#team .inner-block-sec  aside.team-blk:nth-child(13){ clear:both; } 



/* SHEera */

.she_era .she_era__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.portfolio-item .item .pic { text-align:center;     height: 200px !important;
    overflow: hidden !important;}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {

}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){

}

/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    .she_era .she_era__items {
        grid-template-columns: repeat(3, 1fr);
    }
}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){
    .she_era .she_era__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){
    .she_era .she_era__items {
        grid-template-columns: repeat(1, 1fr);
    }
}