﻿
/* Extra Small */
@media(max-width:767px){

    .article-login {
        /*margin:10px 0px;*/
    }

    .anon-locked img {
        display:block !important;
        float:none !important;
        margin:auto;
    }

    .anon-locked .btn {
        display:block !important;
        margin-bottom:10px;
    }

    .article img {
        max-height:100%;
    }
}

/* Small */
@media(min-width:768px){
    .mobile .logo-img img {
        width:auto;
    }

    
    .mobile .account-info {
        padding:8px;
        font-size:14px;
    }

    .mobile .btn-mobile-menu {
        font-size:30px;
        line-height:30px;
        padding:3px 6px;
        margin-left:15px;
    }

    .desktop-search-box {
        display: block;
        margin-top:50px;
    }

    .tagline {
        font-size:18px;
        margin-top:60px;
    }

    .copyright-left { text-align:left; }
    .copyright-right { text-align:right; }

    .article-l-column {
        width:250px;
        margin-right:0px;
        position:relative;
        z-index:1;
    }

    .article-r-column {
        width:100%;
        /*margin-top:40px;*/
        /*overflow:hidden;*/
    }

    

    .callout {
        float:left;
        width:340px;
        margin-right:30px;
        margin-left:-60px;
    }

    .footer-house-ads {
        padding:30px;
    }

    .footer-house-ad {
        width:auto;
        margin-bottom:0px !important;
        margin-left:20px;
        margin-right:20px;
    }
    
    

    .footer-col {
        width:33.333333333%;
        float:left;
    }

    .image-align-left {
        float:left; margin-right:10px;
    }

    .image-align-right {
        float:right; margin-left:10px;
    }

    .owl-theme .owl-controls .owl-buttons div {
	    font-size: 26px !important;
    }


    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -40px !important;
      margin-top:-23px !important;
    }
 
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: -40px !important;
      margin-top:-23px !important;
    }

    .txt-search {
        min-width:300px;
    }

}


/* Medium */
@media(min-width:992px){

    .article-r-column h1 {
        margin-top:0px;
    }

    .logo-container {
        /*margin-top:-12px;*/
    }

    .login-bar-links {
        float:none;
        margin-top:0px;
        text-align:right;
        font-size:14px;
        width:100%;
    }


    #primary_nav_wrap ul a {
        font-size:14px;
        padding:0px 7px;
    }

    .btn-mobile-menu {
        display:none;
    }

    
    .desktop-search-box {
        margin-top:38px;
    }

    .mobile .account-info {
        background-color:transparent;
        margin-bottom:-36px;
    }

    .article-inline-mpu {
        float:right;
        width:300px;
    }

    .footer-col {
        width:14.2857143%;
    }

    .article-inline-mpu.mpu-right {
        margin-left:20px;
        margin-bottom:0px;
    }

    .house-ad {
        text-align:right;
    }

    .related-article .article-standfirst {
        display:block;
    }

    .article-login-col:first-child {
        margin-bottom:0px;
        border-right:2px #fff solid;
    }

    .article-login-col:last-child {
        padding-left:2px;
    }

    .article-l-column {
        margin-right:30px;
        float:left;
        width:200px;
        margin-bottom:20px;
    }

    .article-r-column {
       float:left; 
        /*width:710px;*/
    }
}

/* Large */
@media(min-width:1200px){
    #primary_nav_wrap ul a {
        font-size:16px;
        padding:0px 12px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -50px !important;
      margin-top:-23px !important;
    }
 
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: -50px !important;
      margin-top:-23px !important;
    }

    .article-l-column {
        width:250px;
    }

    .article-r-column {
       /*width:860px;*/ 
    }

}


/* Some adjustments for smaller viewport google cse */
@media (max-width: 1079px) {

    .google-custom-search {
        width: auto !important;
        max-width: 300px;
        float: none !important;
        margin-left: 0 !important;
    }
}