@media (max-width: 480px) {
      .masonry {    column-count: 3;  }
      .masonry .brick { margin-bottom: 10px;  }
.masonry {  column-gap: 10px;  }
    .block_six .item .imgthumb {
    height: 490px;
    overflow: hidden;
}
	ul.tabs li a, .tabs_popular li a { float: right; margin: 0; list-style-image: none !important; text-align: center; border: 1px solid #fff; width: 100%; margin: 2px; }
#header .datetime { position: relative; bottom: 10px; }
#header .socialcontact { position: relative; }
#header .socialcontact ul li { display: inline-block; margin: 5px 1px;  }
ul.tabs li, .tabs_popular li {
    float: right;
    margin: 0;
    list-style-image: none !important;
    text-align: center;
    border: 1px solid #fff;
    width: 48.5%;
    margin: 2px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
	    padding: 13px 20px;
        padding-right: 58px;
		color:#000;
		background-color: transparent;
		font-size:16px;
    }
.card-text img {    width: 75%;}
#box_article_tools ul li a {padding: 10px 5px 5px 0px; background:none; color:#666;}
.shortsadc .image {    max-height: 185px;}
}


@media (min-width: 767px) {

.card-text img {    width: 80%;}

    .block_six .item .imgthumb {
	height: 100%;
    overflow: hidden;
    max-height: 290px;
    min-height: 290px;
	border-radius: 15px;
}
#box_article_tools ul li a {padding: 10px 5px 5px 0px; background:none; color:#666;}
}

@media (max-width: 767px) {

.main-menu-btn {
    float: left;
    margin: 10px;
    display: inline-flex;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
	left: 5px;
	top:0;
    z-index: 99999999999999;
}

#box_article_tools ul li a {padding: 10px 5px 5px 0px; background:none; color:#666;}
      .masonry {    column-count: 3;  }
      .masonry .brick { margin-bottom: 10px;  }
.masonry {  column-gap: 10px;  }
    .block_six .item .imgthumb {
	height: 100%;
    overflow: hidden;
    max-height: 290px;
    min-height: 290px;
}
    #header .datetime { position: relative; bottom: 10px; }
#header .socialcontact { position: relative; }
#header .socialcontact ul li { display: inline-block; margin: 5px 1px;  }
ul.tabs li, .tabs_popular li {
    float: right;
    margin: 0;
    list-style-image: none !important;
    text-align: center;
    border: 1px solid #fff;
    width: 32.5%;
    margin: 2px;
}
.card-text img {    width: 75%;}
	.sm-clean {
		background: #eeeeee;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
    }
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
	    padding: 13px 20px;
        padding-right: 58px;
		color:#000;
		background-color: transparent;
		font-size:16px;
    }
	.main-nav.scrolled ul#main-menu {
        margin-right: 0;	
    }
	.shortmain .image {
    width: 100%;
    height: 200px;

}
.shortmain .article_title {
    float: right;
    font-size: 21px;
    margin-top: 0px;
    height: 140px;
    width: 100%;

}
.shortmain .article_date {
    color: #999;
    position: relative;
    bottom: 10px;
    right: 0;
    font-size: 0;
    font-weight: normal;

}
.share_row {
    position: relative;
    bottom: 10px;
    z-index: 98;
    font-size: 20px;
    direction: ltr;
    text-align: center;
}
.camera_wrap {
    display: none;
    float: left;
    position: relative;
    z-index: 0;
    direction: ltr;
    margin-bottom: 10px;
    min-height: 350px;
}
.column {
    margin-top: 10px;
}

.shortsadc .image{max-height: 475px;}
}


/* Medium Screens */
@media (max-width: 1000px) {



    #header .datetime { position: relative; bottom: 10px; width:100%; }
#header .socialcontact { position: relative; }
#header .socialcontact ul li { display: inline-block; margin: 5px 1px;  }
	.sm-clean {
		background: #eeeeee;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
    }
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
	    padding: 10px 15px;
        padding-right: 10px;
		color:#000;
		background-color: transparent;
		font-size:16px;
    }
	.main-nav.scrolled ul#main-menu {
        margin-right: 0;	
    }
	.shortmain .image {
    width: 100%;
    height: 200px;

}

.main-nav {
    height: auto;
    width: 100%;
    background: rgb(6, 23, 40);
}

.sm-clean {
    background: #061728;
    color: #fff;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #fff;
    background-color: transparent;
    font-size: 18px;
}
.shortsadc .image{max-height: 310px;}
}

@media (min-width: 1024px) {


.menu_container {
	padding-right: 15px;
    padding-left: 15px;
    margin: 0 5%;
    margin-left: auto;
	} 
}

@media (max-width: 1024px) {
.main-nav {
    height: auto;
    width: 100%;
    background: rgb(6, 23, 40);
}



.sm-clean {
    background: #061728;
    color: #fff;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #fff;
    background-color: transparent;
    font-size: 13px;
}
}




@media (min-width: 320px) and (max-width: 480px) {.shortsadc .image {    max-height: 185px;}}
@media (min-width: 481px) and (max-width: 767px) {.shortsadc .image {    max-height: 365px;}}
@media (min-width: 768px) and (max-width: 991px) {.shortsadc .image {    max-height: 285px;}}

/* Large Screens */
@media (max-width: 1328px) {

}

/* Large Screens */
@media (max-width: 1559px) {
}
#tabhome {
    margin: 20px 0;
    border-top: 2px #eeeeee solid;
    padding: 20px 0;
    border-bottom: 2px #eeeeee solid;
}