@media (min-width: 768px  )
{
    .left-container{
        width: 72.666667% !important;
    }
    .cancel_fboxs {
        z-index: 100;
        width: 18px;
        height: 16px;
        top: 13px;
        right: 12px;
        position: absolute;
        background: url("lightboxButtons.png") no-repeat scroll -281px -42px;
    }
    .cancel_fboxs :hover{
        background-position: -282px -62px;
    }
}



@media (min-width: 993px  )and (max-width: 1158px) 
{.author-wrap {
     min-height: 50px;
     margin-top: 9vh;}
 .title_url{
     width: 74%;
 }
 .cancel_fbox {
     width: 14%;
     padding-top: 13px;
     padding: 10px;}

}@media (max-width: 820px )
{
    .title_url{
        width: 71%;
    }
    .cancel_fbox {
        width: 14%;}
}
@media (min-width:1158 ) and( max-width: 1230px )
{
    .title_url{
        width: 80%;
    }

}

@media (max-width: 993px )
{
    .main-content-s{
        height: 100vH;
    }

    .title_url{
        width: 71%;
    }
    .cancel_fbox {
        width: 15%;}
    .author-wrap {
        min-height: 50px;
        margin-top: 9vh;}
    .user_avt{

        width: 12%;}

    #author_g{
        width: 85%;
    }
}
#right-header { 
    height: 50px;
}
@media (max-width:860px){
    .author_nice_name {
        width: 87% !important;
    }
}

@media (max-width: 768px )
{
    .main-content-s {

        width: 100%;
    }
    .post-content{
        width: 100%;
    }
    .scroller_div{

        height: auto !important;
    }
    #myPopUp{

        display:none;
        z-index: 9998;
        position: relative !important;
        background: #ccc;
        //min-width: 100vw;
        //min-height: 100vh;
    }
    #right-header{     
        width: 100% !important;
        height: 40px;
        z-index: 1;
    }

    #right-container-id{
        margin-top: 5px;
        overflow-y: auto;
        height: auto !important;  
    }
    .title_url{
        width: 85%;
        height: 36px !important;
    }
    .cancel_fbox{
        width: 10%;
    }
    #right-header{
        width: 100vw !important;
    }
    .author-wrap {
        min-height: 50px;
        margin-top: 1vh !important;

    }
    .main-content-s{
        width: 100%;
    }



}
@media(max-width:600px){
    .scroller_div{
        // min-width: 380px;
        width: 95.7%;
        height: auto;
    }
}
@media(max-width:500px){
    .scroller_div{
        // min-width: 380px;
        width: 94.7%;
        height: auto;
    }
}
@media(max-width:400px){
    .scroller_div{
        // min-width: 380px;
        width: 93.7%;
        height: auto;
    }

}
@media(max-width:400px){
    .side_bar_header{
        // min-width: 380px;
        width: 98%;
    }

}
@media(max-width:300px){
    .title_url {
        width: 77%;
    }
    .side_bar_header{
        // min-width: 380px;
        width: 96%;
    }
}


@media (max-width: 610px )
{
    .title_url{
        width: 84%;

    }
    .cancel_fbox{
        width: 10%;
    }
}
@media (max-width: 560px )
{
    .title_url{
        width: 82%;

    }
    .cancel_fbox{
        width: 10%;
    }
}
@media (max-width: 460px )
{
    .title_url{
        width: 78%;

    }
    .cancel_fbox{
        width: 10%;
    }
}
.post-content{
    /*display: table-cell;*/
    vertical-align: middle;
    /*width: 100vW;*/
}
#myPopUp{
    width: 100%;
    background-color: #E6E6E6;
    display: block;
    //padding-top: 20px;
    //padding-left: 20px;
    //padding-right: 20px;
    display:none;
    z-index: 9998;   
    position: fixed;   
    height: 100%;
    //min-width: 100vw;
    //min-height: 100vh;
}
.each_product{
    //min-height: 400px;
}
.product_set{
    //min-height: 200px;
}
.main-content-s{
    max-width: 100vw;
}
.product_upper h5
{
    /*-webkit-text-stroke: 0.15px;*/
    font-family: Verdana;
    font-weight: 400;
    color: #282a2a;
    font-size: 14px;
}
.product_upper h6
{
    /*-webkit-text-stroke: 0.15px;*/
    font-family: Verdana;
    font-weight: 400;
    color: #282a2a;
    font-size: 14px;
    /*    line-height: 1;
        height: 29px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;*/
    /*    -moz-box-orient: vertical;
    
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: block;
        display: -webkit-box;*/
}
.product_upper p
{
    font-family: Verdana;
    color: #282a2a;
}
h2{
    margin-bottom: 10px;
    margin-top: 12px;
    font-size:30px;
}
.author-wrap {
    height: auto;

}
b{
    font-size: 14px;

}
h6{
    font-size:12px;
}

p{
    font-family: Verdana;
    font-size: 14px;
    font-weight: 300;
    line-height: 17.142858505249px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.product_lower_single h4,product_upper_single h4{
    font-family: Verdana;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 19.2000007629395px;
    margin-bottom: 8.5px;
    margin-top: 8.5px;
}
.fb_hide_iframes iframe {
    position: relative;
    left: 0px; 
}
.img-container{
    background: #e6e6e6;
}
body > div.fb-comments.fb_iframe_widget > span >iframe{
    max-width: 100% !important;
}
#iframeID{
    width: 100%;
    max-width: 100%;
}
#auth > h2{
    font-family: Verdana;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 17px;
    margin-top: 15px;
    font-size: 32px;

}
h4{
    font-family: Verdana;
}
p{
    font-family: Verdana;
}
.sp_gallery > h5 > span > a{
    color: 0099ff !important;
}
.scroller_div{
    background-color: white !important;
    height: 91vH;
}

.main-content-s {
    //background-color: #E8E8D2;

    height: 97vh;
    width: 100%;
}
.content_wrap {
    height: 97vh;
}
.left-container {
    height: 97vh;

}
.right-container {
    height: 97vh;
}

@media (max-width: 1300px )
{
    .main-content-s {
        //background-color: #E8E8D2;
        height: 96vh;
        //width: 96vW;
        width:100%;
    }
    .content_wrap {
        height: 96vh;
    }
    .left-container {
        height: 96vh;

    }
    .right-container {
        height: 96vh;
    }
}
@media (max-width: 990px )
{
    .main-content-s {
        //background-color: #E8E8D2;
        height: 95vh;
        // width: 100%;
    }
    .content_wrap {
        //height: 95vh;
    }
    .left-container {
        height: 95vh;

    }
    .right-container {
        height: 95vh;
    }
}
@media (min-width: 768px )
{
    .scroller_div,side_bar_header{
        margin-right: 25px;
    }


    .main-content-s {
        //background-color: #E8E8D2;
        overflow: hidden;
    }

}
.logo_iframe{
    padding-top: 12px;
}
.title_url{
    padding-top: 13px;
}
.sp_gallery{
    width:100%;
    padding-left: 14px;
    padding-right: 4px;
    //padding: 10px;
}
.fix_header{
    position: absolute;
    //right: 20px;
    z-index: 10;
    width: 340px;
    height: 42px;
    background-color: #FFF;
    color: #333;
    border-bottom: 1px solid #ccc;
}
.title_urls {
    width: 300px;
    height: 42px;
    padding-left:14px; 
    border-right: 1px solid #eee;
    padding-top: 9px;
    padding-bottom: 9px;
}
.title_urls > b > a{
    color:#000;
}
@media (max-width: 768px )
{

    .navig{
        opacity: 1 !important;
    }

    .fix_header{
        width: 100%;
        position: fixed !important;
        top:0px;
    }
    .cancel_fboxs{
        z-index: 100;
        //width: 16px;
        width: 18px;
        //height: 16px;
        top: 13px;
        right: 11px;
        height: 16px;
        //top: 12px;
        //right: 12px;
        position: absolute;
        background: url("lightboxButtons.png") no-repeat scroll -281px -42px;
    }
    .title_urls {
        position: absolute;
        width: auto;
        height: 42px;
        padding-left: 14px;
        border-right: 1px solid #eee;
        padding-top: 9px;
        padding-bottom: 9px;
        right: 40px;
        left: 0px;
    }
    .img-container {
        height: auto !important;
    }

}
.cached{
    display: none !important;
}
@media (max-width: 1293px )
{
    .scroller_div {
        height: 90vH;
    }
    .img_layer {
        //height: 96vh;
    }
}
@media (max-width: 1293px )
{
    .scroller_div {
        height: 90vH;
    }
    .img_layer {
        // height: 96vh;
    }
    #myPopUp{
        width: 100%;
    }
}
@media (max-width: 768px )
{
    .main-content-s{
        height: auto;
        width: 100% !important;
    }
    #myPopUp{
        padding-top: 0px; 
        padding-left: 0px; 
        padding-right: 0px; 
    }
}
.img_link{
    vertical-align: middle !important;
    position: absolute;
    top: 0% !important;
    bottom: 0%;
    right: 80px;
    left: 80px;

}
#navig-next_img{
    height: 100%;
}
.img-container{
    /*display: table;*/
    /*table-layout: fixed;*/
    width: 100%;
    height: 100%;
}
.post-content{
    text-align: center;
    /*display: table-cell;*/
    display: flex;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    /*height: 100%;*/
    position: relative; 
    /*max-height: 100%;*/
    justify-content: center;
    align-items: center;
}
@media (min-width: 768px ){

    .scroller_div{
        position: absolute;
        top: 0px;
        bottom: 0px;
        height: auto;
    }
    #myPopUp{
        //top:0px !important;
        left:0px !important;
        right: 0px !important;
        //bottom: 0px !important;
    }

}
@media (max-width: 768px ){

    .scroller_div{
        overflow-y: auto !important;;
        position: relative !important;
        width: 100% !important;
    }


}
#sub_prd_btn{
    cursor: pointer !important;
}
//changes after header fixed to top
@media (max-width: 768px )
{
    .img_layer{
        height: auto !important;
        margin-top:40px !important;
    }

    .fix_header{
        position: fixed !important;
        top:0px;
    }
    .img-container {
        height: auto !important;
    }

}
.acnhor_pan{
    background: #fff !important;
}
.title_urls a:hover{
    text-decoration: none;
}
#myPopUp > div > div > div > div.acnhor_pan > div.fix_header > div > a:hover{
    text-decoration: none;
}
.x_to_close:hover .cancel_fboxs{
    background: url("lightboxButtons.png") no-repeat scroll -281px -62px;
}
@media (max-width: 768px){
    .main-content-s{
        height: 100%;
        /*        overflow-y: scroll;
                overflow-scrolling: touch ;
                -webkit-overflow-scrolling: touch ;*/
    }
    #myPopUp{
        height: 100%;
    }
    .content_wrap{
        //min-height: 700px;
        height: 100%;

    }
    .scroller_div{
        //min-height: 700px;
    }
    .post-content {
        display: block;
    }
}