/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.content-short{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 
.add-quotations {
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}
.upload-quotations {
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}
#progressbar_wrapper{
 border:1px solid #ff9c81;
 margin-top:20px;
 margin-bottom: 20px;
 width:300px;
 height:35px;
 border-radius:3px;
 overflow:hidden;
}
#progressbar{
 width:0px;
 height:35px;
 border-radius:0px;
 background-color:#ff9c81;
}
#progressbar_div input[type="button"]{
 background-color:#088A08;
 border:none;
 width:150px;
 height:40px;
 color:white;
 border-radius:3px;
 border-bottom:3px solid #0B610B;
}
.gd-spinner-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.6);
    text-align: center;
    padding-top: 25%;
    display: none;
}
.gd-spinner-wrapper .gd-spinner{
    visibility: visible;
    display: inline-block;
    background-color: #ffffff;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px;
    position: relative;
} 
.gd-spinner-wrapper .gd-spinner:before {
    content: '';
    position: absolute;
    background-color: blue;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.gd-spinner{
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px;
    position: relative;
} 
.gd-spinner:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.gd-wrap{
    /*float: left;*/
    width: 100%;
    max-width: 1220px;
    /*
    padding-left: 15px;
    padding-right: 15px;
    */
    box-sizing: border-box;
    margin: auto;
}
.gd-wrap:after{
    content: " ";
    display: block;
    clear: both;
}
.gd-row{
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
}
.gd-row:after {
    content: "";
    display: table;
    clear: both;
}
.gd-column-2{
    float: left;
    width: 20%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-3{
    float: left;
    width: 33.33333333%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-4 {
    float: left;
    width: 33.33333%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-6 {
    float: left;
    width: 50%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-5 {
    float: left;
    width: 41.66666667%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-7 {
    float: left;
    width: 58.33333333%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-8 {
    float: left;
    width: 66.66666667%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-9{
    float: left;
    width: 66.66666667%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-10{
    float: left;
    width: 80%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.gd-column-12{
    float: left;
    width: 100%;
    padding: 15px;
    /*
    flex: 0 0 auto;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    */
}
.text-align-right{
    text-align: right;
}
.text-align-left{
    text-align: left;
}
 .gd-common-form-wrap{
    position: relative;
 }
 .svg-wrap{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
 }
 .help-block{
    display: none;
    font-size: 13px;
    position: absolute;
    color: red;
 }

 .gd-common-form-wrap h5{
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 30px;
    text-align: center;
 }

 .gd-common-form-wrap label{
    font-size: 18px;
 }
 .gd-common-form-wrap label span{
    color: red;
 }
 .gd-common-form-wrap input[type="text"]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #000000;
 }
 .gd-common-form-wrap input[type="email"]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #000000;
 }
 .gd-common-form-wrap input[type="password"]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #000000;
 }
 .gd-common-form-wrap input[type="tel"]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #000000;
 }
 .gd-common-form-wrap select{
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #000000;
    padding: 0px 10px !important;
    height: 54px !important;
 }
 .gd-common-form-wrap textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height:  200px;
    border-radius: 4px;
    border: 1px solid #000000;
 }
 .gd-wrap input[type="submit"]{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    border-style: solid;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
 }
 .iti--allow-dropdown{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
 }
 .gd-single-form-input-wrap{
    margin-bottom: 35px;
    position: relative;
 }
.gd-common-form-wrap select,
.gd-common-form-wrap select > option
{
    width: 100%;
    padding: 10px;
}
.upload_block .upload-block-inner{
    border-style: dashed;
    padding: 20px;
    position: relative;
}
.file-colat{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: right;
    background: darkgray;
    cursor: pointer;
}
.file-colat p{
    margin: 0;
    padding: 5px 5px 5px 45px;
    text-align: left;
    color: #ffffff;
}
.upload_block input[type="file"]{
    display: none;
}
.gd-common-form-wrap input[type="submit"]{
    padding: 10px 40px;
    margin-right: 10px;
}
.upload-svg{
    position: absolute;
    top: 8px;
    left: 10px;
}
.gd-common-table{
    width: 100%;
}
.gd-single-output label{
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;    
}
.gd-single-output p{
    color: #797979;
    letter-spacing: .34px;   
}
.gd-common-button{
    border: 1px solid;
    padding: 5px 5px 5px 10px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
}
.gd-common-select{
    padding: 10px;
}
.common-input{
    padding: 10px;
}
.gd-common-table thead tr th{
    padding: 0 10px 10px 5px;
    border-bottom: 2px solid #000000;
    text-align: left;
}
.gd-common-table tbody tr td{
    padding: 5px;
    border-bottom: 1px solid #000000;
    text-align: left;
}
.gd-common-table tbody tr:last-child td{
    padding: 5px;
    border-bottom: 0px solid #000000;
    text-align: left;
}
.gd_pag_loading {padding: 20px;}
.gd-universal-pagination ul {margin: 0 !important; padding: 0;}
.gd-universal-pagination ul li {display: inline; margin: 3px; padding: 4px 8px; background: #FFF; color: black; }
.gd-universal-pagination ul li.active:hover {cursor: pointer; background: #1E8CBE; color: white; }
.gd-universal-pagination ul li.inactive {background: #7E7E7E;}
.gd-universal-pagination ul li.selected {background: #1E8CBE; color: white;}
.field-error .upload-block-inner{
    border-color: red;
}
.field-ok{
    border-color: #000000;
}
.delete_doc {
    background: red;
    color: #fff;
}
.gd-common-preload{
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 100;
    background: #ffffff;
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    display: none;
}
.gd-common-preload ul{
    padding: 0 0px !important;
    margin: 0 !important;
}
.gd-common-preload ul li{
    list-style: none;
    margin-top: 0 !important;
}
.preload-ul li{
    line-height: 16px;
    margin-top: 0;
}
.tt-dataset{
    padding-left: 15px;
}
.phone-varify input {
	/*width: 12.490% !important;*/
	height: 50px !important;
	background-color: #fff;
	border: none;
	line-height: 50px;
	text-align: center;
	margin: 0 10px !important;
    border:  1px solid;
}
.iti--allow-dropdown {
    padding: 0;
}
#message_block{
    display: inline-block;
}
.dash-block-common{
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fafafa;
    /*
    background-color: #fafafa;
    box-shadow: 0px 0px 36px 1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 36px 1px rgb(0 0 0 / 15%);
  
     box-shadow: 0 2px 12px -4px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 12px -4px rgb(0 0 0 / 10%);
    */
    -webkit-box-shadow: 0 2px 12px -4px rgb(0 0 0 / 35%);
    box-shadow: 0 2px 12px -4px rgb(0 0 0 / 35%);
    border: 1px solid transparent;
    border-radius: 3px;
    
    
    
    position: relative;
}
.top-p{
    margin-bottom: 0;
}
.common-pop{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 20px;
    display: flex;
}
.dash-single-av-img{
    border: 2px solid #000000;
    float: left;
    margin-bottom: 0;
    border-radius: 100px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.dash-single-av-img-out{
    float: left;
    margin-bottom: 0;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    position: relative;
}
.dash-single{
    float: left;
    width: 80%;
}
.dash-single p{
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
}

.dash-single .letters-wrap .letter-buy-block h6{
    font-size: 28px;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 20px;
}

.avatar-edit-img{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    padding: 5px;
    border: 1px solid #000000;
}
.change-ava{
    margin-top: -6px;
    display: block;
}
.random-letter-block{
    width: 100%;
}
.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 23%;
  border: 1px solid black;
  margin-bottom: 15px;
}
.countdown .day, .countdown .hour, .countdown .min, .countdown .sec {
  padding: 20px;
  text-align: center;
}
.countdown .day .num, .countdown .hour .num, .countdown .min .num, .countdown .sec .num {
  display: block;
  font-size: 40px;
}
.countdown .day .word, .countdown .hour .word, .countdown .min .word, .countdown .sec .word {
  display: block;
  font-size: 20px;
}
.common-ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.common-ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.common-ul li a{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 11px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 17px;
}
.form-pop{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 35px;
    border-radius: 10px;
}
.dash-menu-wrap{
    background-color: white;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    padding: 10px 20px 0;
}
#dash_tabs li a{
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
    font-weight: 600;
}
#dash_tabs li:last-child a{
    border-bottom: 0px solid #eeeeee;
}
.letter-buy-block{
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.ui-datepicker{
        z-index: 9999999 !important;
}
.campain-pop{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}

.add-letter{
    /*font-size: 16px;
    color: #000000;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 25px;
    border: 1px solid #000000;*/
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}

.letters-wrap table tbody tr td .open-letter{
    color: #000000;
}

.letters-wrap table tbody tr td .edit-letter{
    color: #0f7dcc;
}

.letters-wrap table tbody tr td .no-edit{
    color: #f90000;
}
.p-number-input{
    display: flex;
    margin: 0 -10px;
}
.random-letter-gen{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    border-style: solid;
    padding: 10px 30px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 25px;
}
.select2-container{
    width: 100%;
}
.select2-container .select2-selection--single {
    height: 45px !important;
    padding: 7px;
}
.change-campain-status {
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}
.form-control.date_picker{
    width: 100%;
}
.add-letters-to-campain {
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}
#add_letters_campain_form input[type='submit']{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
    border-style: solid;
}
.see-donars{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
}
#increase_limit_form input[type='submit']{
    background: green;
    color: #ffffff !important;
    /* border-color: #ff9c81; */
    padding: 5px 0px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 10px;
    /* border: none; */
    width: 100%;
    font-size: 13px;
    border: none;
}
.view-all-sub-admins{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-left: 15px;
}
.view-all-employees{
    background: #ff9c81;
    color: #ffffff !important;
    border-color: #ff9c81;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-left: 15px;
    
}
.remove-employee-good{
    background: red;
    color: #ffffff !important;
    border-color: red;
    padding: 3px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 2px;
    /*margin-left: 15px;*/
    margin-left: 0;
}
.remove-user-good{
    background: red;
    color: #ffffff !important;
    border-color: red;
    padding: 3px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 2px;
    /*margin-left: 15px;*/
    margin-left: 0px;
}
.gd-table-wrap{
    overflow-x: auto;
    /*min-width: 700px;*/
}
.single_add_to_cart_button {
    background: #ff9c81 !important;
    color: #ffffff !important;
    border-color: #ff9c81 !important;
    padding: 16px 30px !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
    border-radius: 25px !important;
    font-size: 17px !important;
}
.woocommerce_deposits_parent_order_summary{
    display: none;
}
.fancybox__slide {
    padding: 10% 100px!important;
}
.gd-table-wrap table th{
    text-align: center!important; 
}
/*
#tab4C .dash-single p{
    text-align: center;
}
*/
#tab4C .dash-single .common-ul{
    text-align: center;
    margin-top: 20px;
}
table, td, th {
    border-color: #000000!important;
}
table thead{
    background-color: #0195d9;
}
table thead tr th{
    color: #ffffff;
    font-weight: 500;
}
@media only screen and (max-width: 991px){
    .gd-column-2 {
        float: left;
        width: 100%;
        padding: 15px;
    }
    .gd-column-10 {
        float: left;
        width: 100%;
        padding: 15px;
    }
}
@media only screen and (max-width: 400px){
    .phone-varify input{
        margin: 0 5px !important;
    }
}

@media (max-width: 900px){
    .fancybox__slide {
        padding: 25% 5%!important;
    }
}

@media (max-width: 800px){
    input[type="text"].hasDatepicker{
        font-size: 11px;
    }
}
@media (max-width: 700px) {
    /*.gd-table-wrap{
        max-width: 660px; 
        min-width: auto; 
    }
    */
    #user_table_wrap{
        overflow-x: scroll;
    }
    .add-letters-to-campain{
        text-align: center;
    }
    .remove-user-good {
        padding: 3px 8px;    
    }
    .remove-employee-good{
        padding: 3px 8px;
    }
    #increase_limit_form input[type='submit']{
        font-size: 10px;
    }
    .gd-table-wrap table tr th, .gd-table-wrap table tr td{
        font-size: 13px;
        line-height: 18px;
    }
    .gd-table-wrap table tr td p{
        font-size: 13px;
        line-height: 18px;
        margin-top: 15px;
    }
    .gd-table-wrap table tr td a {
        font-size: 11px;
        line-height: 18px;
    }
    #common-pop table tr th, #common-pop table tbody tr td{
        font-size: 12px;
        line-height: 18px;
    }
    .fancybox__content{
        padding: 0 2%!important;
    }
    #campain-pop table tr th,  #campain-pop table tbody tr td, #campain-pop  table tr td a{
        font-size: 11px;
        line-height: 18px;
    }
    #tab4C .dash-single {
        text-align: center;
    }
    table{
        table-layout: auto!important;
        word-break: normal!important;
    }
    .gd-common-form-wrap label {
        font-size: 16px;
    }
    .dash-single{
        width: 100%;
    }
    .dash-single .letter-description{
        text-align: center;
        padding: 0 2%;
    }
    .dash-single-av-img-out{
        float: none;
        margin: 0 auto;
    }
    #tab1C .gd-column-8, #tab1C .gd-column-4{
        width: 100%;
        text-align: center;
    }
    #tab1C .dash-single{
        text-align: center;
    }
    input[type="text"].hasDatepicker{
        background-image: none!important;
        font-size: 10px;
        
    }
    .gd-common-form-wrap input[type="text"]{
        padding: 10px 0;
        text-align: center;
    }
}
@media (max-width: 600px) and (min-width: 501px){
    .countdown {
        padding: 10px 13%;    
    }
}
@media (max-width: 500px){
    td, th{
        padding: 7px 2px 5px!important;
        text-align: center;
    }
    .dash-single {
        width: 100%;
    }
    .form-pop {
        font-size: 11px;
        padding: 4px 9px;
    }
    .view-all-sub-admins{
        font-size: 11px;
        padding: 4px 9px;
    }
    .view-all-employees{
        font-size: 11px;
        padding: 4px 9px;
    }
    .see-donars{
        font-size: 11px;
        padding: 4px 9px;
    }


    .fancybox__content {
        padding: 0 2%;
    }
    .countdown {
        padding: 10px;    
    }
    .common-ul li{
        width: 100%;
    }
    .dash-single-av-img-out{
        float: none;
        margin: 0 auto;
    }
    #tab1C .gd-column-8, #tab1C .gd-column-4{
        width: 100%;
        text-align: center;
    }
    #tab1C .dash-single{
        text-align: center;
    }
    .countdown .day .num, .countdown .hour .num, .countdown .min .num, .countdown .sec .num {
        font-size: 21px;
    }
    .countdown .day .word, .countdown .hour .word, .countdown .min .word, .countdown .sec .word{
        font-size: 15px;
    }
    .select2-container .select2-selection--single{
        padding: 0;
    }
    #changeavatar .gd-single-form-input-wrap input.form-control{
        font-size: 12px;
    }
    .select2-container .select2-selection--single{
        height: 41px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 7px!important;
        
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        padding-top: 5px;
    }
    .select2-container--default .select2-selection--single{
        border-color: #000!important;
    }
    .change-campain-status{
        margin-top: 9px;
    }

}
@media (max-width: 360px) {
    .countdown .day, .countdown .hour, .countdown .min, .countdown .sec{
        padding: 4%;
    }

}

body .form-row-wide, body .give-donation-amount, body .give_error, body .give_warning, body .set-price {
     display: block;
}
.dropdown-content{
    top: 25px;
}
.woocommerce-cart-form__cart-item input[name="update_cart"]{
    display: none;
}
/*
@media (max-width: 1199px) {
    #menu-item-41968, #menu-item-41969{
        display: none;
    }
}
*/
.btn-close{
    background: none !important;
}
body.page-id-12 .woocommerce-notices-wrapper{
    display: none;
}
.offcanvas .btn-close{
    display: block;
    right: 50px;
    top: 55px;
    padding: 20px !important;
}
.video-wrap{
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.video-wrap li{
    width: 300px;
    height: auto;
    position: relative;
    float: left;
    margin-right: 10px;
}
.video-wrap li iframe{
    height: 166px !important;
}
.common-delete-link{
    border: 1px solid #000;
    padding: 0px 10px;
    position: absolute;
    top: -23px;
    border-bottom: 0;
    color: #000;
    font-weight: 600;
}
.message{
    display: block;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    position: relative;
    z-index: 2;
    margin-top: 3px;
}
.video-ul iframe{
    width: 100%;
}