/*
 * Theme Name: Share it
 * Theme URI: http://themes.cray.bg
 * Description: Share it - Creative Timeline Blog WordPress Theme. 
 * Author: Andrey Boyadzhiev
 * Author URI: http://themes.cray.bg
 * Version: 1.0
*/

@media screen and (max-width: 1170px),
screen and (max-height: 409px) {
    .fullwidthrow,
    .boxedwidthrow {
        max-width: 960px;
        margin-left: -480px;
    }
    #main .ss-stand-alone {
        width: 960px;
    }
    #footer .ss-stand-alone {
        margin-left: -480px;
        max-width: 960px;
    }
    .header-top-p.boxedstyle,
    #footer.boxedstyle {
        margin-left: -495px;
        max-width: 990px;
    }
    .sblefton {
        width: 650px;
    }
    .sbleft {
        max-width: 280px;
    }
    .sbright {
        width: 280px;
    }
    .sbleft .widgetmarg:before{
        margin-left: 275px;
    }
}

@media screen and (max-width: 999px),
screen and (max-height: 409px) {
    #footer .ss-stand-alone {
        max-width: 790px;
        position: relative;
        left: 50%;
        margin-left: -395px;
    }
    .header-top-p.boxedstyle {
        margin-left: -410px;
        max-width: 820px;
    }
    #footer.boxedstyle {
        margin-left: 0;
        left: 0;
        max-width: 100%;
    }
    .fullwidthrow,
    .boxedwidthrow {
        max-width: 790px;
        margin-left: -395px;
    }
    #main .ss-stand-alone {
        width: 790px;
        position: absolute;
    }
    .sbleft,
    .sbright {
        width: 230px;
    }
    .sblefton {
        width: 530px;
    }
    .sbleft .widgetmarg:before{
        margin-left: 225px;
    }
    .iscomm {
        width: 100%;
        margin-bottom: 23px;
    }
    .flickr_badge_image {
        margin: 0 15px 10px 15px!important;
    }
}
@media screen and (max-width: 810px),
screen and (max-height: 409px) {
    .cd-primary-nav .no-touch {
        position: static;
    }
    .ss-stand-alone,
    .header-top-p.boxedstyle {
        max-width: 100%;
        width: 100%;
        position: relative;
        left: 0%;
        margin-left: 0px;
    }
    .header-top-bg.boxedstyle {
        -webkit-backface-visibility: hidden;
        position: fixed;
    }
    #footer .ss-stand-alone {
        max-width: 100%;
        width: 100%;
        left: 0%;
        margin-left: 0px;
        display: inline-block;
    }
    .fullwidthrow {
        max-width: 100%;
        width: 100%;
        padding-left: 0%;
        left: 0%;
        margin-left: 0px;
    }
    .comments-add-c.fullwidthrow,
    .comments-area.fullwidthrow {
        max-width: 94%;
        width: 94%;
        padding-left: 3%;
    }
    .comments-add-new {
        width: 100%;
        padding-left: 0px;
        margin-top: -40px;
    }
    .sblefton,
    .sbrighton {
        width: 100%;
        float: right!important;
    }
    .sbleft,
    .sbright {
        width: 100%;
        /*max-width: 100%;*/
        float: left!important;
        position: static;
        margin-top: 15px;
        margin-bottom: 0px;
        /*padding-left: 0px;
        padding-right: 0px;*/
        
        max-width: 94%;
        width: 94%;
        padding-left: 3%;
    }
 
    .sbright .ct_tt_content_holder, .sbleft .ct_tt_content_holder, .sbright .widgetmarg:before, .sbleft .widgetmarg:before{
        border:none;
    }
    .sbright .ct_tt_content_holder, .sbleft .ct_tt_content_holder{
        padding: 0;
    }
    .fb-padding {
        margin-top: 0px!important;
        margin-bottom: 15px!important;
    }
    .fb-paddingfx {
        margin-bottom: 0px!important;
        margin-top: 15px!important;
    }
    .flexslider {
        overflow: hidden;
    }
    .breadcrumbs {
        display: none;
        visibility: hidden;
    }
    #mainmenu .ct_tt_menuholder {
        display: block;
        width: auto;
    }
    #main {
        position: static;
    }
    #footer {
        position: static;
        height: 100%;
        bottom: 0;
    }
    #footer .vc_span4,
    #footer .vc_span8,
    #footer .vc_span6,
    #footer .vc_span12 {
        position: static!important;
        padding-left: 0!important;
        width: 100%;
        padding-right: 0!important;
    }
    .footerwidget .ccscroll {
        max-height: 100%;
    }
    .footerwidget {
        height: auto;
        padding: 15px 0;
    }
    .ct_tt_menuholder {
        position: absolute;
    }
    input {
        -webkit-appearance: none;
    }
    .socicons {
        display: none;
    }
    .ccscroll {
        position: static;
    }
    .searchmenu {
        width: 100%;
        right: 0px;
    }
    #navs {
        height: 73px;
        margin-top: -11px;
        padding: 0px;
    }
    #mainmenu .searchmenu {
        display: none;
    }
    .copyrholder {
        display: none;
    }
    .p-position {
        position: absolute;
        bottom: 15px;
    }
    body .wpb_row .column_container {
        border: none!important;
    }
    #tt-h-one,
    #tt-h-two {
        margin-bottom: 0!important;
    }
    .ct_tt_container_border {
        position: absolute;
    }
    .ct_tt_menuholder {
        position: relative;
        margin-top: -17px;
        margin-top: 13px;
        overflow: hidden;
        height: 100px;
    }
    .ct_tt_container {
        padding-bottom: 30px;
    }
    .tt-bottom-nav {
        display: none;
    }
    .tt-bottom-nav.ct_tt_nextprevnav {
        display: inherit;
    }
    .icon-angle-right:after,
    .icon-angle-left:after {
        display: none;
    }
    .footerwidget .vc_col-sm-4.ccscroll {
        width: auto;
        float: inherit;
    }
    .ct_tt_timeline_left,
    .ct_tt_timeline_right {
        float: right;
        min-width: 96%;
        padding-left: 2%;
        margin-right: 0%;
        position: relative;
        text-align: left;
    }
    .ct_tt_timeline_right {
        float: right;
    }
    .ss-stand-alone {
        max-width: 100%;
        width: 100%;
        position: relative;
        left: 0%;
        margin-left: 0px;
    }
    .ct_tt_timeline_right,
    .ct_tt_timeline_left {
        margin-top: 14px;
    }
    .time-dot {
        margin-top: -8px;
    }
    .time-dot-date {
        margin-top: -50px;
    }
    .ct_tt_timeline_full {
        padding-top: 14px;
    }
    .p-position {
        bottom: -8px!important;
        opacity: 1;
    }
    #mainmenu {
        display: none;
    }
    .wpb_image_grid .wpb_image_grid_ul .isotope-item{
        width: 100%;
    }
}


@media screen and (max-width: 768px),
screen and (max-height: 409px) {
    
    .comment-meta{
        padding-bottom: 10px;
    }
    .comment-body .ct_tt_commnet_text{
        padding-left: 0;
    }
    .comment-list .reply{
        margin-left: 0;
    }
    .comment-list .children{
        margin-left: 20px;
    }
    
}