/*responsive*/


@media screen and (max-width: 1200px) {
    #intro .text1{
        padding: 0 30px !important;
        padding-bottom: 50px !important;
    }
    
    #intro .image{
        text-align: center;
    }
    .religion .location img{
        width: 100%;
        height: auto;
    }
    #religion{
        padding: 0;
    }
    #culture .text1{
        padding: 0px 80px;
    }
    #culture .title{
        padding-top:70px;
        text-align: center;
    }

    #section1 .intro_text{
        padding-right: 50px;
    }

    #section4 .image{
        text-align: center;
    }

    .mua-cham .content{
        margin-left: 20px;
    }
    .van-hoa-top{
        padding-bottom: 100px !important;
    }
    .van-hoa-lua-nuoc{
        padding-bottom: 50px !important;
    }
    .blog-detail, .blog{
        padding:0 !important;
    }
}
@media screen and (max-width: 992px) {
    .navbar-light .navbar-toggler-icon{
        background-image:url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(244, 172, 52, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }
    .navbar-light .navbar-toggler{
        border-color: rgba(244, 172, 52, 0.5);
    }
    .navbar-collapse{
        background: #363636;
        padding:10px;
    }
    .md-nav .nav-link{
        width: 20px;
        float: left;
    }
    .md-nav :after{
        display: block;
        content: '';
        clear: both;
    }
    .md-nav .search-icon{
        margin-left: 15px;
    }
    .navbar .menu-right{
        margin-top:10px;
    }
    #form-search{
        margin-right: 10px;
        margin-left: 10px;
    }
    #intro .text1 {
        padding: 0 15px !important;
        padding-bottom: 20px !important;
    }
    #culture{
        background-position:0 center !important;
    }
    #intro .image{
        padding-bottom: 20px;

    }

    #section1 .intro_text{
        padding:0 15px !important;
        text-align: center;
    }

    #section1 .intro_img{
        text-align: center;
        padding:20px 15px
    }

    #section1.di-san{
        padding-top:200px !important;
        padding-bottom: 100px !important;
    }
    .image{
        padding-bottom: 20px;
        text-align: center;
    }
    #section2.di-san{
        padding-top:50px !important;
    }
    .content{
        padding:20px 15px !important;
        text-align: center;
        word-break: break-word;
    }
    .title{
        text-align: center;
    }

    #section6{
        padding:50px 0;
    }
    .hoa-van{
        padding-right: 0;
    }
    #section7 h3{
        padding-bottom: 30px;
    }
    .truyen-co-cham .image{
        text-align: center!important;
    }
    .van-hoa-top{
        padding-top: 100px !important;

    }
    .van-hoa-top .title{
        padding-bottom: 50px !important;
    }

    #section4.le-hoi{
        padding-top:0;
        padding-bottom: 50px;
    }

    #section6.ton-giao h2{
        padding:50px 0;

    }
    #section7.minh-triet-cham{
        padding:50px 0;
        padding-top:0;
    }
    #section7.minh-triet-cham h2{
        padding-top:0px;
    }
    .slick-arrow{
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .navbar-brand img{
        width: 160px;
        height: auto;
        margin-top:5px;
    }
    #culture .text1{
        padding-right: 207px;
        padding-left: 50px;
    }

    #video{
        padding:15px
    }
    .religion .content{
        padding:0 15px !important;
    }

    #events h2{
        padding: 15px 15px;
    }
    .history-slider img{
        width: 95%;
        height: auto !important;
    }

    #section1.di-san{
        padding-top:150px !important;
        padding-bottom: 0px !important;
    }
    .home-di-san .content{
        padding-bottom: 50px !important;
    }

    .intro-nghe-thuat-cham{
        padding: 170px 0 70px !important;
    }
    .size-xs{
        font-size: 42px !important;
    }
    .nghe-thuat-cham{
        padding-bottom: 80px !important;
    }
    .nghe-thuat-cham .content h2,
    .mua-cham .content h2,
    .truyen-co-cham .content h2,
    .le-hoi .title h3,
    .ton-giao .title h2,
    .minh-triet-cham .title h2,
    .blog h1{
        font-size: 42px !important;
    }
    .truyen-co-cham .content{
        padding-bottom: 40px !important;
    }
    .truyen-co-cham{
        padding-bottom: 0px!important;
    }
    .nghe-thuat-cham .content{
        padding-bottom: 40px !important;
    }
    .mua-cham{
        padding-bottom: 0px !important;
    }
    .section-relate{
        padding-bottom: 50px;
    }
    .van-hoa-top{
        padding-bottom: 50px!important;
    }
    .van-hoa-lua-nuoc{
        padding-top: 80px !important;
        padding-bottom: 20px!important;
    }
    .ton-giao{
        padding-top:0px !important;
    }

    .image-minh-triet-cham {
        background-image: none !important;
        height: auto !important;
    }
}

@media screen and (max-width: 500px) {

    #intro{
        padding-top:150px
    }
    #culture{
        min-height:auto;
    }
    #culture .text1{
        padding: 0px 15px;
    }
    #culture .title{
        padding-top:70px;
        text-align: center;
    }

}