/*

[Responsive Stylesheet]

Project     : USNews - Multipurpose News, Magazine and Blog HTML5 Template
Author      : themelooks.com
Author URI  : https://themeforest.net/user/themelooks

*/

@media screen and (min-width:1200px) and (max-width:1366px) {

.stockyLogo img {
    width: 45%;
}

img.deskBG {
    width: 70%;
	    margin: 0 0 0 80px;
}

.stockyLogo2 img {
    width: 70%;
}

.header--mainbar .container .text-center {
    text-align: left;
}


}
@media screen and (min-width:992px) and (max-width:1199px) {

.stockyLogo2 {
    display: none;
}

img.deskBG {
    width: 85%;
	display: none;
}

.stockyLogo img {
    width: 38%;
	display:none;
}

.login {
    margin: 6px 0px 0 20px !important;
}


.social--widget.style--2 .nav>li, .social--widget.style--7 .nav>li {
width:100%
}
body.boxed>.wrapper {
max-width:1000px
}
.header--style-6 .header--navbar-inner {
padding-left:4px;
padding-right:4px;

}
.header--menu-links.nav>li>a {
padding-left:7.5px;
padding-right:7.5px;
font-size:14px;
}
}
@media screen and (min-width:992px) {
.row--md-vc>div {
float:none;
display:table-cell;
vertical-align:middle
}
}
@media screen and (max-width:991px) {
.stockyLogo2 {
    display: none;
}

img.deskBG {
    display: none;
}

.stockyLogo {
    display: none;
}


body.boxed>.wrapper {
max-width:100%
}
.float--sm-none, .header--menu-links>li, .header--style-4 .navbar-header {
float:none
}
.text-sm-center {
text-align:center
}
.comment--items>li>.comment--items {
padding-left:0
}
.header--logo {
max-width:none;
margin:0 auto
}
.header--logo a {
height:auto
}
.header--style-4 .header--logo a, .header--style-5 .header--logo a {
height:90px
}
.header--ad {
margin-top:17px
}
.header--navbar .navbar-toggle {
display:block
}
.header--style-4 .navbar-toggle {
position:absolute;
top:0;
left:15px;
margin-top:28px;
margin-bottom:28px
}
.header--navbar .navbar-collapse {
display:block!important;
position:fixed;
top:0;
left:-300px;
bottom:0;
width:250px;
height:auto!important;
margin:0;
color:#777;
background-color:#fff;
border-width:0;
box-shadow:0 3px 7px rgba(0, 0, 0, .2);
overflow:visible!important;
-webkit-transition:left .55s ease-in-out;
transition:left .55s ease-in-out;
z-index:999
}
.header--navbar .navbar-collapse:before {
content:"\f00d";
position:absolute;
top:0;
right:-40px;
width:40px;
color:#fff;
background-color:#da0000;
box-shadow:1px 3px 5px rgba(0, 0, 0, .2);
font-family:"FontAwesome";
font-size:16px;
line-height:40px;
text-align:center;
cursor:pointer;
z-index:9999
}
.header--navbar .navbar-collapse.in {
left:0
}
.header--menu-links {
float:none;
height:100%;
margin:0;
padding-bottom:5px;
overflow:auto
}
.header--menu-links>li>a, .header--style-4 .header--menu-links>li>a {
padding-top:12px;
padding-bottom:10px
}
.header--menu-links>.dropdown>.dropdown-menu {
float:none;
position:relative!important;
border-bottom-width:0;
box-shadow:none
}
.header--menu-links>.megamenu>.dropdown-menu {
left:0;
right:0;
padding:0;
border-bottom-width:1px
}
.header--menu-links>.megamenu.filter>.dropdown-menu, .header--menu-links>.megamenu.posts>.dropdown-menu {
border-bottom-width:0
}
#stickySocial, .header--menu-links>.megamenu.filter>.dropdown-menu, .header--menu-links>.megamenu.filter>.dropdown-toggle>i, .header--menu-links>.megamenu.posts>.dropdown-menu, .header--menu-links>.megamenu.posts>.dropdown-toggle>i {
display:none
}
.header--menu-links>.megamenu>.dropdown-menu>.dropdown {
float:none;
margin:0;
width:100%
}
.header--menu-links>.megamenu>.dropdown-menu>.dropdown>.dropdown-menu>li>a, .header--menu-links>.megamenu>.dropdown-menu>.dropdown>a {
padding-left:20px;
padding-right:20px
}
.header--menu-links>.megamenu>.dropdown-menu>li>.row {
margin:0
}
.header--menu-links>.megamenu>.dropdown-menu>li>.row>div {
padding:0
}
.header--navbar .dropdown-menu>.dropdown>.dropdown-menu {
float:none;
position:relative;
top:1px;
left:0;
width:100%;
padding-top:0;
padding-bottom:0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
box-shadow:none;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header--navbar .dropdown-menu>.dropdown>.dropdown-menu>li>a {
padding-left:30px;
padding-right:30px
}
.header--style-4 .header--search-form {
position:absolute;
top:0;
right:15px
}
.post--item .col-md-6>.post--info, .post--item .col-md-8>.post--info {
margin-top:15px
}
.product--single .tab-nav, .product--single .tab-nav>li {
display:block
}
.product--single ul.tab-nav>li>a {
border-width:1px
}
.product--single ul.tab-nav>li+li>a {
border-top-width:0
}
.contact--cats .nav>li:nth-child(3) {
padding-top:18px;
border-top-width:1px
}
.contact--cats .nav>li:nth-child(3n) {
padding-right:18px;
border-right-width:1px
}
.contact--cats .nav>li:nth-child(3n)+li {
padding-left:18px
}
.contact--cats .nav>li:nth-child(2n) {
padding-right:0;
border-right-width:0
}
.contact--cats .nav>li:nth-child(2n)+li {
padding-left:0
}
}
@media screen and (max-width:600px) {
.col-xss-12 {
float:none;
width:100%;
margin-left:0
}
.hidden-xss {
display:none!important
}
.shown-xss {
display:block!important
}
}
@media screen and (max-width:767px) {

.stockyLogo2 {
    display: none;
}

img.deskBG {
    display: none;
}

.stockyLogo {
	display:none;
}

.MobileLogo{
	display:block !important;
}


.MobileBnr {
    display: block;
    margin-top: 15px;
}


.MobileBnr img{
	border-radius:5px;
}


.tech-news-sec {
    height: 370px;
    overflow: hidden;
}

.tech-news-sec .post--info {
    margin-top: 0px;
    padding: 0px 0 0 10px;
}


.tech-news-sec .post--item {
    padding: 5px 0 5px 0;
}


.list--widget .post--items>.nav {
    padding-top: 10px;
    padding-bottom: 0px;
}

.list--widget .post--items>.nav>li {
    padding-left: 10px;
    padding-right: 10px;
}


.breaking-news-details .h4 {
    font-size: 19px !important;
    line-height: 23px !important;
    font-weight: 500 !important;
	    max-height: 45px !important;
}
.home-brk-news-section {
	margin-bottom:15px;
}

.home-main {
	padding-top:30px !important;
}

.header--menu-links>li>a {
    padding: 18px 15px 19px;
    color: #000;
}

.header--search-form {
    position: absolute;
    min-width: 32px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: right;
    z-index: 1;
    top: 0;
	right:0;
}

/*.header--search-form .form-control {
    left: 0;
}*/

.header--search-form .form-control {
    padding: 4px 40px;
	    top: 7px;
}


.tech-news-sec .post--img {
    padding: 0 0 0 10px;
}


.tech-news-sec .post--info .title .h4 {
    font-size: 14px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px !important;
    max-height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	 padding: 0;
	 font-weight: 700;
}

.tech-news-sec .post--img .thumb {
    float: none !important;
    margin-right: 8px !important;
    width: 100%;
    max-width: 100px;
}

.tech-news-sec .post--img .thumb img {
    height: 75px;
}


.trending-home .post--info .title .h4 {
	font-size: 14px !important;
}



.news-details-page p {
    line-height: 30px !important;
    font-size: 14px;
}

.news-details-page {
    padding: 20px 10px 20px 10px;
}

.news-details-page h2 {
    font-size: 18px;
    line-height: normal !important;
}




.header--logo a {
    display: block;
    height: auto !important;
    vertical-align: middle;
}

.header--logo .h1 {
   display:block;
    margin: 0;
    color: #1d1d1d;
    font-weight: 700;
    text-align: center;
}

.header--logo img {
    width: 40% !important;
    margin-top: 15px;
}

.m-fix-menu {
	display:block;
}


.m-fix-menu {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000;
}

.breaking-news-details .h4 {
    font-size: 17px !important;
    line-height: 24px !important;
}

.header--search-form .btn {
    padding: 0px 0;
    margin-top: 11px;
    margin-right: 8px;
}

.header--navbar .navbar-toggle {
    margin: 6px 0 6px 0;
}

.home-brk-news-section {
	margin-bottom:25px;
}


.footer--copyright .text a {
    color: #ffffff !important;
}

.footer--copyright .nav>li {
    float: none;
    display: inline-block;
}

.footer--copyright .social {
    padding: 6px 0 6px 0px;
    text-align: center;
}

.footer--copyright .social--bg {
	    left: 0 !important;
}

.footer--copyright .text {
    margin-bottom: 0;
    padding: 12px 0;
    font-size: 14px;
    line-height: normal;
}

.footer-social{
	text-align:center;
}

.footer--copyright .links {
    padding: 10px 10px 15px 10px;
    font-size: 0;
    line-height: 0;
}



.header--navbar .navbar-collapse:before{
	    background-color: #000 !important;
}


.float--xs-none {
float:none
}
.text-xs-center {
text-align:center
}
.list--widget-nav>.nav>li+li {
border-top-width:0;
border-left-width:1px
}
.header--menu-links>.dropdown>.dropdown-menu>li>a, .navbar-nav .open .dropdown-menu>li>a {
padding-top:9px;
padding-bottom:10px
}
.header--navbar .navbar-header {
float:left;
margin-left:0
}
.header--style-4 .navbar-header, .header--style-5 .navbar-header, .news--ticker .title {
float:none
}
.news--ticker .title, .news-updates--list {
padding-left:15px;
padding-right:15px
}
.news-updates--list:after, .news-updates--list:before {
width:15px
}
.post--item .col-sm-12>.post--info {
margin-top:0
}
.cart--items .table {
border:0
}
.cart--items .table thead {
display:none
}
.cart--items .table tbody tr {
display:block
}
.cart--items .table tbody tr+tr {
margin-top:30px
}
.cart--items .table tbody tr td {
display:block;
position:relative;
padding-left:152px;
border-width:1px 1px 0;
text-align:right
}
.cart--items .table tbody tr td:last-child {
border-bottom-width:1px
}
.cart--items .table tbody tr td:before {
content:attr(data-label);
position:absolute;
top:50%;
left:15px;
margin-top:-14px;
color:#222;
font-family:"Lora", serif;
font-size:18px;
line-height:28px;
font-weight:700
}
.cart--items .footer {
padding-left:30px;
padding-right:30px;
margin-top:30px;
border-top-width:1px;
text-align:center
}
.cart--items .footer .float--left, .cart--items .footer .float--right {
float:none
}
.cart--items .footer .coupon--code {
max-width:100%;
margin-bottom:30px
}
.contact--info {
text-align:center
}
.f0f--content, .f0f--content:before {
background-color:rgba(0, 0, 0, .5)
}
.f0f--content:after {
border-color:transparent transparent rgba(0, 0, 0, .8) rgba(0, 0, 0, .8)
}
}
@media screen and (max-width:480px) {
.hidden-xxs {
display:none!important
}
.shown-xxs {
display:block!important
}
.col-xxs-12 {
float:none;
width:100%;
margin-left:0
}
.text-xxs-ellipsis {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.pagination--wrapper {
text-align:center
}
.pagination-hint {
width:100%;
margin-bottom:5px
}
.pagination, .pagination-hint {
display:inline-block;
float:none
}
.header--topbar-info>li {
float:none!important;
display:inline-block
}
.post--item.post--layout-1.post--type-video .post--info .title .h4 {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.post--item .col-xxs-12>.post--info {
margin-top:12px
}
.login--form .help-block .btn-link {
float:none!important;
display:block
}
.contact--cats .nav>li {
min-height:0!important;
padding-left:0;
padding-right:0;
border-width:0 0 1px!important
}
.contact--cats .nav>li:nth-child(2), .contact--cats .nav>li:nth-child(3) {
padding-top:18px
}
.contact--cats .nav>li:nth-child(3n)+li {
padding-left:0
}
.contact--cats .nav>li:nth-child(3n) {
padding-right:0
}
.contact--cats .nav>li:last-child {
border-bottom-width:0!important
}
.footer--copyright {
text-align:center
}

.footer--copyright .float--left, .footer--copyright .float--right {
float:none
}


}
@media screen and (max-width:380px) {
.header--style-4 .header--logo .h1, .header--style-5 .header--logo .h1 {
max-width:200px;
margin:0 auto
}
.post--item.post--layout-1 .post--info .title .h4 {
max-height:54px;
overflow:hidden
}
.post--author-info {
padding-left:30px
}
.post--author-info .img {
position:relative;
top:0;
left:0;
bottom:0;
right:0;
margin:-28px -31px 27px;
text-align:center
}
}