@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-menu ul li a{
        padding: 10px 12px;
    }
	.sticky .main-menu ul li > a {
		padding: 0 6px;
		font-size: 14px;
	}
    .blog-headline{
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width:991px) {
    .header-area{
        width: 80%;
        height: auto;
    }
    #strickymenu.sticky {
        left: 0;
        top: 0;
        width: 80%;
        height: 42px;
        background-color: transparent;
        border-bottom: none;
        z-index: 99999;
        -webkit-transition: all 0s;
        transition: all 0s;
    }
    .logo h1 a{
        font-size: 44px;
    }
    .logo h1 span{
        font-size: 19px;
    }
    .blog-headline{
        width: 100%;
        float: none;
    }
    .banner-text h1{
        font-size: 40px;
    }
    .slider-text{
        max-width: 550px;
    }
    .text-animated h1{
        font-size: 40px;
    }
    .text-animated p{
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .price-body li{
        padding: 14px 0;
    }
    .blog-headline h2{
        font-size: 35px;
    }
    .blog-text{
        padding: 10px;
    }
    .blog-item h3 a{
        font-size: 18px;
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .service-colume{
        padding: 15px;
    }
    .footer-item span {
        margin-right: 5px;
    }
    .ser-text{
        margin-top: 15px;
    }
    .ser-text h4{
        margin-bottom: 13px;
    }
}

@media only screen and (max-width:767px) {
    .home-text h1 {
        font-size: 44px;
        margin-bottom: 10px;
    }
    .hb-subline span{
        font-size: 26px;
    }
    .home-button{
        margin-top: 18px;
    }
    .headline{
        width: 100%;
        margin-bottom: 30px;
    }
    .headline h2{
        font-size: 34px;
    }
    .headline p{
        font-size: 14px;
    }
    .blog-headline h2{
        font-size: 34px;
    }
    .blog-headline p{
        font-size: 14px;
    }
    .blog-page-photo{
        display: block;
        float: none;
        width: 100%;
        height: 270px;
    }
    .blog-page-text{
        display: block;
        padding: 20px;
    }
    .banner-text h1{
        font-size: 40px;
    }
    .slider-text{
        max-width: auto;
    }
    .text-animated h1{
        font-size: 38px;
    }
    .text-animated p{
        font-size: 15px;
    }
}

@media only screen and (max-width:575px) {
    .header-area{
        width: auto;
    }
    .blog-headline {
        text-align: center;
        margin-top: 0;
        margin-bottom: 50px;
    }
    .portfolio-menu li{
        margin: 0 10px;
    }
    .home-text h1 {
        font-size: 40px;
        margin-bottom: 5px;
    }
    .hb-subline span{
        font-size: 22px;
    }
    .home-button{
        margin-top: 10px;
    }
    .headline{
        margin-bottom: 20px;
    }
    .headline h2{
        font-size: 30px;
    }
    .headline p{
        font-size: 14px;
    }
    .blog-headline h2{
        font-size: 30px;
    }
    .blog-headline p{
        font-size: 14px;
    }
    .subscribe-area .headline p{
        padding: 0;
    }
    .subscribe-form .btn-sub{
        width: 120px;
        font-size: 15px;
    }
    .banner-text h1{
        font-size: 36px;
    }
    .text-animated h1{
        font-size: 34px;
    }
    .text-animated p{
        font-size: 14px;
    }
    .banner{
        height: 320px;
    }
}

@media only screen and (max-width:479px){
    .about-area .col-6,
    .portfolio-area .col-6{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .portfolio-menu li{
        display: block;
        width: 120px;
        left: 50%;
        transform: translate(-50%,0%);
        -webkit-transform: translate(-50%,0%);
        margin: 7px 0;
    }
    .home-text h1{
        font-size: 36px;
    }
    .hb-subline span{
        font-size: 24px;
    }
    .home-button .hb-btn,
    .home-button .hb-vbt{
        font-size: 14px;
        padding: 12px 20px;
    }
}

@media only screen and (max-width:419px) {
    .home-text h1{
        font-size: 32px;
    }
    .hb-subline span{
        font-size: 20px;
    }
    .home-button .hb-btn,
    .home-button .hb-vbt{
        font-size: 14px;
        padding: 11px 20px;
    }
}

@media only screen and (max-width:359px) {
    .home-text h1{
        font-size: 30px;
    }
    .hb-subline span{
        font-size: 18px;
    }
    .home-button .hb-btn,
    .home-button .hb-vbt{
        font-size: 14px;
        padding: 10px 20px;
    }
    .banner-text h1{
        font-size: 32px;
    }
    .text-animated h1{
        font-size: 32px;
    }
    .text-animated p{
        font-size: 14px;
    }
    .banner{
        height: 280px;
    }
}

.sticky .logo a img {
	height: 80px;
	margin: 19px 0;
	width: auto;
	display: block;
}