@media only screen and (min-width:768px) and (max-width:991px){
    #slider .block h3,.title{
        text-align:left
    }
    nav .block{
        padding-left:0;
        padding-right:0;
        padding-top:20px
    }
    nav .block .navbar-brand img{
        padding-left:25px
    }
    #slider .block .owl-carousel img{
        padding-right:0;
        width:95%
    }
    #blog .block{
        text-align:center
    }
    #blog .block ul{
        padding-bottom:40px
    }
    #blog .block ul li{
        width:100%
    }
    #blog .block ul li h3{
        padding:0 0 30px
    }
    #blog .block ul li .blog-img{
        width:50%
    }
    #blog .block ul li .blog-img img{
        width:100%
    }
    #blog .block ul li .blog-img-2{
        width:50%
    }
    #blog .block ul li .blog-img-2 img{
        width:100%
    }
    #blog .block ul li .content-left,#blog .block ul li .content-right{
        padding:40px 20px 0
    }
    #blog .block .btn-more-info{
        float:none;
        margin-top:30px
    }
    #blog .block .btn-more-info:hover{
        border-radius:10px
    }
    #price .block p{
        padding:30px 0 0
    }
    #price .block .pricing-list{
        text-align:left
    }
    #contact-us{
        padding:60px 0 0
    }
    #contact-us .block{
        text-align:center
    }
    #contact-us .block .title{
        text-align:left
    }
    #contact-us .block a{
        padding:15px 80px;
        float:inherit
    }
    #footer .block{
        padding-bottom:20px
    }
    #footer .block h3{
        padding-bottom:10px;
    }
    #footer-bottom .block .navbar-nav{
        float:inherit;
        width:70%;
        margin:0 auto
    }
    #footer-bottom .block p{
        text-align:center;
        padding-top:0
    }
}
@media only screen and (max-width:767px){
    #blog .block ul li .content-left:after,#blog .block ul li .content-right:after,#price .block .pricing-list ul li .item .item-title .border-bottom{
        display:none
    }
    .heading{
        text-align:center;
        font-size:22px
    }
    #price .block .pricing-list,.title{
        text-align:left
    }
    .heading span{
        font-size:28px
    }
    nav{
        position:relative
    }
    nav .block{
        padding:0;
        margin-bottom:0;
        background:-webkit-linear-gradient(right,rgba(255,255,255,.6),#fff);
        background:-o-linear-gradient(right,rgba(255,255,255,.6),#fff);
        background:-moz-linear-gradient(right,rgba(255,255,255,.6),#fff);
        background:linear-gradient(right,rgba(255,255,255,.6),#fff)
    }
    nav .block .navbar-brand img{
        padding-left:0;
        margin-top:-9px !important;
        margin-left:20px
    }
    nav .block .navbar-default,nav .block .navbar-default .navbar-header{
        margin-top:0
    }
	nav .block .navbar-default .navbar-header{
        height: 76px;  
    }
    nav .block .navbar-default .navbar-header .navbar-toggle{
        border:none;
        margin-top: 16px;
    }
    nav .block .navbar-default .navbar-header .navbar-toggle .icon-bar{
        background:#d4b03e
    }
    nav .block .navbar-default .navbar-header .navbar-toggle:active,nav .block .navbar-default .navbar-header .navbar-toggle:focus,nav .block .navbar-default .navbar-header .navbar-toggle:hover{
        background:0 0
    }
    #slider .block{
        padding-left:0;
        padding-right:0
    }
    #slider .block .owl-carousel{
        padding-top:30px;
        position:relative
    }
    #slider .block .owl-carousel div img{
        width:100%;
        height:220px;
        border-radius:5px;
        padding-right:0
    }
    #about-us{
        padding:70px 0
    }
    #about-us .block p{
        padding:40px 0 0
    }
    #title h2{
        font-size:20px
    }
    #title h2 span{
        font-size:25px
    }
    #blog .block ul{
        padding-bottom:30px
    }
    #blog .block ul li .content-left,#blog .block ul li .content-right{
        padding:20px 35px;
        float:none;
        width:100%
    }
    #blog .block ul li{
        float:none;
        width:100%;
        height:100%
    }
    #blog .block ul li .blog-img{
        float:none;
        width:100%
    }
    #blog .block ul li .blog-img img{
        width:100%
    }
    #blog .block ul li .blog-img-2{
        float:none;
        width:100%
    }
    #blog .block ul li .blog-img-2 img{
        width:100%
    }
    #blog .block .btn-more-info{
        float:none;
        margin-top:30px;
        padding:28px 85px
    }
    #blog .block .btn-more-info:hover{
        border-radius:10px
    }
    #price .block p{
        padding:40px 0 0
    }
    #price .block .pricing-list ul li .item{
        float:none
    }
    #price .block .pricing-list ul li .item .item-title span{
        padding-top:10px;
        display:block;
        float:none
    }
    #price .block .pricing-list .btn{
        float:inherit;
        padding:28px 100px
    }
    #subscribe .block h1{
        font-size:30px
    }
    #subscribe .block h1 span{
        font-size:25px
    }
    #subscribe .block form .form-group .input-group{
        width:100%
    }
    #subscribe .block form .form-group .input-group .form-control{
        width:100%;
        background:#fff;
        opacity:.9;
        border:none;
        height:65px;
        border-radius:0;
        float:inherit
    }
    #subscribe .block form .form-group .input-group .input-group-addon{
        padding:0;
        border:none;
        background:0 0;
        display:block;
        margin-top:20px
    }
    #contact-us{
        padding:60px 0 0
    }
    #contact-us .block a{
        padding:20px 80px;
        width:100%;
        float:inherit
    }
    #quiz-name{
        margin-top:40px !important
    }
    #footer .block{
        padding-bottom:50px
    }
    #footer .block .info ul li{
        width:100%;
        margin-right:0
    }
    #footer .block .portfolio img{
        margin-top:20px
    }
    #footer .block .portfolio ul li{
        margin-right:0;
        display:inline-block
    }
    #footer-bottom .block .navbar{
        display:none
    }
    #footer-bottom .block p{
        text-align:center;
        padding-top:0
    }
    #slider{
        padding:2.5vh 0 !important
    }
}
@media only screen and (min-width:1px) and (max-width:767px){
    #div-img{
        float:none !important
    }
    #div-img img{
        height:250px !important;
        width:100% !important
    }
}