/* Desktop Large Screen Size*/
@media screen and (min-width: 100px) and (max-width: 1400px){
    .header{width: 22%;}
    /*.main-content {margin-left: 330px;}*/
}

/* Desktop Screen Size */
@media only screen and (min-width: 100px) and (max-width: 1200px){
    .header {width: 26%;}    
    /*.main-content {margin-left: 350px;}*/
}

/* Laptop Screen Size */
@media only screen and (min-width: 100px) and (max-width: 1024px){
    .header {width: 28%;}
    /*.main-content {margin-left: 300px;}*/
}

/* Tablet Screen Size */
@media only screen and (min-width: 100px) and (max-width: 991px){
    .header {width: 35%;}
    /*.main-content {margin-left: 300px;}*/
    .footer .site-copy-right {
        text-align: center;
    }
    .footer .col-lg-6.col-md-12.col-sm-12.col-12:last-child .site-copy-right {
        text-align: center;
    }    
    .footer .row{
        row-gap: 20px;
    }
}

/* Large Mobile Screen Size */
@media only screen and (min-width: 100px) and (max-width: 767px){
    .header {
        display: none;
    }
    .header.active{
        display: block;
        width: 80%;
        z-index: 100;
        left: 0%;
    }
    .main-content {margin-left: 0px;}
    .title-line{
        height: 50px;
    }
    .footer .row {row-gap: 10px;}
    .footer .site-copy-right {text-align: center;}
}

/* Mobile Screen Size */
@media only screen and (min-width: 100px) and (max-width: 575px){
    .footer .site-copy-right{font-size: 14px;}
    .title-line{
        height: 40px;
    }
    .hero-content h2 span {
    font-size: 36px;
    }
    .hero-content h5{
        font-size: 14px;
    }
    .hero-banner .banner-btns{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }
    .web-title h2 {
    font-size: 20px;
}
.web-card .web-card-categories span a{
	font-size: 10px;
}
.web-card-tags span a {
    font-size: 10px;
}

.web-card-tags i {
    font-size: 10px;
}
.web-card-date-author{
	padding: 5px;
}
.web-card-date-author i, .web-card-date-author span {
    font-size: 14px;
}
}

/* Small Screen Size */
@media only screen and (min-width: 100px) and (max-width: 320px){}