/* Responsive css for page content */

@media (max-width: 1200px){}

@media only screen and  (min-device-width: 1025px) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .site_bookmarks li:last-child {
        display: none;
    }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {}

@media only screen and (device-width: 768px) {}

@media only screen and (max-device-width: 767px)  {
    .banner-con h1 {
        font-size: 27px;
        line-height: 32px;
    }
    .banner-con h2 {
        font-size: 16px;
    }
    .banner-bg {
        height: auto;
        background: #fbfbfb;
    }
}

/* iPhone 5 Landscape */
@media only screen and (min-device-width:481px) and (max-device-width:576px) and (orientation : landscape) {
    .site_bookmarks li:nth-child(5n+6) img {
        padding-left: 0px;
    }	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .banner-con {
        padding: 15px 0 30px;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation : landscape) {
    .site_bookmarks li:nth-child(4n+5) img {
        padding-left: 0px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    .site_bookmarks li:nth-child(3n+4) img {
        padding-left: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .banner-con h1 {
        font-size: 16px;
        line-height: 28px;
    }
    .banner-con h2 {
        font-size: 14px;
        line-height: 22px;
    }
    .featured-site {
        width: 130px;
    }
}



@media only screen and (min-width : 769px) and (orientation : landscape){
    .site_bookmarks li {
        display: inline-block;
        position: relative;
        width: 196px; /* 198px; */
        height: 263px;
        overflow: hidden;
    }
    .bookmark_img {
        padding: 0px 5px 0px 5px;
        width: auto;
        height: auto;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

@media only screen and (max-width : 480px) {
    .banner-con h2 {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width : 320px) {
    .banner-con h1 {
        font-size: 16px;
        line-height: 28px;
    }
    .bookmark_img {
        padding: 0px 9px 0px 9px;
    }
}