/*========================================================================================
                    Single Page Responsive Style CSS Area Start 
========================================================================================*/
@media only screen and (max-width: 1140px) {
    .style-switcher .s-icon{
    margin-right: 15px;
    }
    .scrollup{
    right: 5px;
    bottom: 60px;
    }
}

@media only screen and (max-width: 990px) {
    .blog-page-section .pageWrapper .sectionTopTitle .typingHeading{
    font-size: 25px;
    }
    .blogeMainContent .photoArea{
    width: 100%;
    height: 450px;
    }
    .blogeMainContent .photoTitleArea{
    font-size: 22px;
    }
    .blogeMainContent .mainBlogText h5{
    font-size: 18px;
    }
}

@media only screen and (max-width: 550px) {
    .blogeMainContent .photoArea{
    height: 320px;
    }
    .blogeMainContent .photoArea img{
        height: 300px;
    }
    .blog-page-section .pageWrapper .sectionTopTitle .typingHeading{
    font-size: 23px;
    }
    .blogeMainContent .photoTitleArea{
    font-size: 20px;
    }
    .blogeMainContent .mainBlogText h5{
    font-size: 18px;
    }
    .blogeMainContent .mainBlogText p{
    font-size: 15px;
    }
    .blogeMainContent .mainBlogText ul li{
    font-size: 15px;
    }
    .footer .footerBox{
    padding-top: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .blogeMainContent .photoTitleArea{
    font-size: 19px;
    padding: 10px 0px 5px 0px;
    }
    .blogeMainContent .mainBlogText h5{
    font-size: 17px;
    }
    .blogeMainContent .mainBlogText p{
    font-size: 14px;
    }
    .blogeMainContent .mainBlogText ul li{
    font-size: 14px;
    }
}
/*========================================================================================
                    Single Page Responsive Style CSS Area End 
========================================================================================*/