/********* min XL Styles *********/
@media (min-width : 1200px){

}

/********* up to XL Styles *********/
@media (max-width : 1199px){

}

/********* min LG Styles *********/
@media (min-width : 992px){

}

/********* LG only Styles *********/
@media (min-width : 992px) and (max-width: 1199px){

}

/********* up to LG Styles *********/
@media (max-width : 991px){
    .card-columns{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/********* min MD Styles *********/
@media (min-width : 768px){

}

/********* MD only Styles *********/
@media (min-width : 768px) and (max-width: 991px){
    .service-card{
        min-height: 310px;
    }

    section{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}


/********* min SM Styles *********/
@media (min-width : 576px){

}

/********* SM only Styles *********/
@media (min-width : 576px) and (max-width: 767px){

}

/********* Mobile only Styles *********/
@media (max-width : 767px){
    section{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    section#primary{
        padding-top: 0;
    }

    .card-columns{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .service-card{
        min-height: 380px;
    }

    body{
        padding-top: 120px;
    }

    html{
        font-size: 90%;
    }

    .navbar-toggler{
        padding: 0;
        border: none;
        font-size: 1.6rem;
        color: #163049 !important;
    }

    #secondary-nav .nav-link{
        text-align: center;
    }

    #blog-header, #blog-headline{
        display: none;
    }

    h1{
        font-size: 2rem;
    }

    #content.site-content{
        padding-top: 0;
    }

    .blog-entry-container{
        padding: 3.5rem !important;
        margin-top: 0 !important;
    }

    .social-share .nav-link{
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .social-share{
        right: -20px;
    }
    
    .owl-item > .service-card{
	    opacity: 0;
    }
}

/********* XS only Styles *********/
@media (max-width : 575px){

}


/********* Custom Mobile Styles *********/
@media (max-width: 1900px){
    #logo-container{
        display: none;
    }
    
    #main-nav-container{
        display: none;
    }

    #secondary-nav{
        display: flex;
    }

    #contact-container{
        display: none;
    }

    .blog-entry-container{
        margin-top: -50px;
    }

    #blog-header, #blog-headline{
        position: absolute;
    }
}