@media (max-width: 320px) {
	.dropdown-result-search{margin:0px !important;}
    #layer-control-bottom {margin-right: 53px !important;bottom: 29px !important;}
	.unit_wrapper{width:calc(100%);right: 0px;bottom:0px;}
	.layer_wrapper{right:40px;display:none;}
	.layer_wrapper > span{display:inline-block;float:left;}
	.layer_wrapper > span:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.layer_wrapper > span:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.logo_wrapper{display:none;}
	.expand_box{display:inline-block;}
	.unit_wrapper .container{max-width:none;}
	#min-height .container{max-width:none;}

	.info_wrapper{bottom:25px;width:calc(100% - 28px);}
	.dropdown-result-search ul.list-item{max-height: 100px;}
	.setting_wrapper_cjcbd{top:55px; left:0px;max-width:none;border-radius: 0px !important;width:100%;height:calc(100% - 50px);overflow-y:scroll;}
	.setting-content-box{max-width:none;}
	.popover_map_info_container{width: 100%;max-width: none; top: 55px;left: 0px;border-radius: 0px !important;height: calc(100% - 50px);border-radius:0px;border:0px;overflow-y:scroll;}
	.setting_warpper_mobile,.info_warpper_mobile{z-index:2002;}
	.cover-btn-close{display:none;}
	.popover_info_box img{max-width:50px;}
	#layer-control-bottom #timeline-bar #calendar div{text-align:center;}

    #locationGeo .card-body .card-head {
        height: 250px;
    }
    #mapid{
        width: 100%;
        height: 300px;
    }
    .banner-location .content-banner {
        width: 75%;
    }
    #apiKeyGeo .canvas-chart{
        height:155px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
    }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
    footer .text-right {
        margin-top: 10px;
    }
    #pay-stripe form{
        margin: 0 15px;
    }
    .mobi-change-avatar{
        margin-top: 10px;
    }
    .mobi-change-avatar .avatar{
        margin-top: 20px;
    }
    .mobi-text-avatar{
        margin-left: 20px;
    }
    #views .jcrop-holder{
        width: 270px;
    }
    #views .jcrop-tracker{
        width: 270px;
    }
    #views #canvas{
        width: 270px;
    }
    .mobi-bil-email{
        margin-top: 15px;
    }
    #rechargeLogs_paginate{
        padding-right: 4px;
    }
    .mobi-reset-key {
        padding-bottom: 10px;
    }
	#historyGeo,#rechargeLogs_wrapper{padding-left:0px !important; padding-right:0px !important;}
    #rechargeLogs{margin-left:4px !important;}
    .avata-mobile{
        display: none;
    }
}
@media (min-width: 321px) and (max-width: 375px) {
	.dropdown-result-search{margin:0px !important;}
    #layer-control-bottom {margin-right: 7px !important;bottom: 29px !important;}
	.unit_wrapper{width:calc(100%);right: 0px;bottom:0px;}
    .layer_wrapper{right:40px;display:none;}
	.layer_wrapper > span{display:inline-block;float:left;}
	.layer_wrapper > span:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.layer_wrapper > span:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.logo_wrapper{display:none;}
	.expand_box{display:inline-block;}
	.unit_wrapper .container{max-width:none;}
	#min-height .container{max-width:none;}
	.dropdown-result-search ul.list-item{max-height: 100px;}
	.setting_wrapper_cjcbd{top:55px; left:0px;max-width:none;border-radius: 0px !important;width:100%;height:calc(100% - 50px);overflow-y:scroll;}
	.setting-content-box{max-width:none;}
	.popover_map_info_container{width: 100%;max-width: none; top: 55px;left: 0px;border-radius: 0px !important;height: calc(100% - 50px);border-radius:0px;border:0px;overflow-y:scroll;}
	.setting_warpper_mobile,.info_warpper_mobile{z-index:2002;}
	.cover-btn-close{display:none;}
	.popover_info_box img{max-width:50px;}
	#layer-control-bottom #timeline-bar #calendar div{text-align:center;}

	.info_wrapper{bottom:25px;width:calc(100% - 28px);}
	#locationGeo .card-body .card-head {
        height: 250px;
    }
    #mapid{
        width: 100%;
        height: 420px;
    }
    .banner-location .content-banner {
        width: 75%;
    }
    #apiKeyGeo .canvas-chart{
        height:185px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
    footer .text-right {
        margin-top: 10px;
    }
    #pay-stripe form{
        margin: 0 15px;
    }
    .mobi-change-avatar{
        margin-top: 10px;
    }
    .mobi-change-avatar .avatar{
        margin-top: 7px;
    }
    .mobi-text-avatar{
        margin-left: 10px;
    }
    #views .jcrop-holder{
        width: 325px;
    }
    #views .jcrop-tracker{
        width: 325px;
    }
    #views #canvas{
        width: 325px;
    }
    .mobi-bil-email{
        margin-top: 15px;
    }
    #rechargeLogs_paginate{
        padding-right: 4px;
    }
    .mobi-reset-key {
        padding-bottom: 10px;
    }
	#historyGeo,#rechargeLogs_wrapper{padding-left:0px !important; padding-right:0px !important;}
    #rechargeLogs{margin-left:4px !important;}
    .avata-mobile{
        display: none;
    }
}
@media (min-width: 376px) and (max-width: 414px) {
    .dropdown-result-search{margin:0px !important;}
    #layer-control-bottom {margin-right: 7px !important;bottom: 29px !important;}
	.unit_wrapper{width:calc(100%);right: 0px;bottom:0px;}
    .layer_wrapper{right:40px;display:none;}
	.layer_wrapper > span{display:inline-block;float:left;}
	.layer_wrapper > span:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.layer_wrapper > span:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.logo_wrapper{display:none;}
	.expand_box{display:inline-block;}
	.unit-box-content {padding: 0px 10px 2px 10px;}
	.unit_wrapper .container{max-width:none;}
	#min-height .container{max-width:none;}
	#layer-control-bottom #timeline-bar #calendar div{text-align:center;}

	.info_wrapper{bottom:25px;width:calc(100% - 28px);}
    .unit-box-content {
		padding: 0px 10px 2px 10px;
	}
	.dropdown-result-search ul.list-item{max-height: 100px;}
	.setting_wrapper_cjcbd{top:55px; left:0px;max-width:none;border-radius: 0px !important;width:100%;height:calc(100% - 50px);overflow-y:scroll;}
	.setting-content-box{max-width:none;}
	.popover_map_info_container{width: 100%;max-width: none; top: 55px;left: 0px;border-radius: 0px !important;height: calc(100% - 50px);border-radius:0px;border:0px;overflow-y:scroll;}
	.setting_warpper_mobile,.info_warpper_mobile{z-index:2002;}
	.cover-btn-close{display:none;}
	.popover_info_box img{max-width:50px;}

    #mapid{
        width: 100%;
        height: 490px;
    }
    .banner-location .content-banner {
        width: 75%;
    }
    #apiKeyGeo .canvas-chart{
        height:190px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
    }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
    footer .text-right {
        margin-top: 10px;
    }
    #pay-stripe form{
        margin: 0 15px;
    }
    .mobi-change-avatar{
        margin-top: 10px;
    }
    .mobi-change-avatar .avatar{
        margin-top: 7px;
    }
    .mobi-text-avatar{
        margin-left: 10px;
    }
    #views .jcrop-holder{
        width: 365px;
    }
    #views .jcrop-tracker{
        width: 365px;
    }
    #views #canvas{
        width: 365px;
    }
    .mobi-bil-email{
        margin-top: 15px;
    }
    #rechargeLogs_paginate{
        padding-right: 70px;
    }
    .mobi-reset-key {
        padding-bottom: 10px;
    }
    #locationGeo .card-body .card-head {
        height: 250px;
    }
	#historyGeo,#rechargeLogs_wrapper{padding-left:0px !important; padding-right:0px !important;}
    #rechargeLogs{margin-left:4px !important;}
    .avata-mobile{
        display: none;
    }
    .header-mobile{
        height:10px;
    }
}
@media (min-width: 415px) and (max-width: 767px) {
	.dropdown-result-search{margin:0px !important;}
    #layer-control-bottom {margin-right: 7px !important;bottom: 29px !important;}
	.unit_wrapper{width:calc(100%);right: 0px;bottom:0px;}
    .layer_wrapper{right:40px;display:none;}
	.layer_wrapper > span{display:inline-block;float:left;}
	.layer_wrapper > span:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.layer_wrapper > span:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.logo_wrapper{display:none;}
	.expand_box{display:inline-block;}
	.unit-box-content {padding: 0px 10px 2px 10px;}
	.unit_wrapper .container{max-width:none;}
	#min-height .container{max-width:none;}
	#layer-control-bottom #timeline-bar #calendar div{text-align:center;}

	.info_wrapper{bottom:25px;width:calc(100% - 28px);}
    .unit-box-content {
		padding: 0px 10px 2px 10px;
	}
	.dropdown-result-search ul.list-item{max-height: 100px;}
	.setting_wrapper_cjcbd{top:55px; left:0px;max-width:none;border-radius: 0px !important;width:100%;height:calc(100% - 50px);overflow-y:scroll;}
	.setting-content-box{max-width:none;}
	.popover_map_info_container{width: 100%;max-width: none; top: 55px;left: 0px;border-radius: 0px !important;height: calc(100% - 50px);border-radius:0px;border:0px;overflow-y:scroll;}
	.setting_warpper_mobile,.info_warpper_mobile{z-index:2002;}
	.cover-btn-close{display:none;}
	.popover_info_box img{max-width:50px;}

    #locationGeo .card-body .card-head {
        height: 250px;
    }
    #mapid{
        width: 100%;
        height: 600px;
    }
    .banner-location .content-banner {
        width: 75%;
    }
    #apiKeyGeo .canvas-chart{
        height:240px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
	#historyGeo,#rechargeLogs_wrapper{padding-left:0px !important; padding-right:0px !important;}
    #rechargeLogs{margin-left:4px !important;}
    .avata-mobile{
        display: none;
    }
    .header-mobile{
        height:10px;
    }
}
@media (min-width: 767px) and (max-width: 812px){
	.dropdown-result-search{margin:0px !important;}
    #layer-control-bottom {margin-right: 53px !important;bottom: 29px !important;}
	.unit_wrapper{width:calc(100%);right: 0px;bottom:0px;}
    .layer_wrapper{right:40px;display:none;}
	.layer_wrapper > span{display:inline-block;float:left;}
	.layer_wrapper > span:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.layer_wrapper > span:last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.logo_wrapper{display:none;}
	.expand_box{display:inline-block;}
	.unit-box-content {padding: 0px 10px 2px 10px;}
	.unit_wrapper .container{max-width:none;}
	#min-height .container{max-width:none;}
	#layer-control-bottom #timeline-bar #calendar div{text-align:center;}

	.info_wrapper{bottom:25px;width:calc(100% - 28px);}
    .unit-box-content {
		padding: 0px 10px 2px 10px;
	}
	.dropdown-result-search ul.list-item{max-height: 100px;}
	.setting_wrapper_cjcbd{top:55px; left:0px;max-width:none;border-radius: 0px !important;width:100%;height:calc(100% - 50px);overflow-y:scroll;}
	.setting-content-box{max-width:none;}
	.popover_map_info_container{width: 100%;max-width: none; top: 55px;left: 0px;border-radius: 0px !important;height: calc(100% - 50px);border-radius:0px;border:0px;overflow-y:scroll;}
	.setting_warpper_mobile,.info_warpper_mobile{z-index:2002;}
	.cover-btn-close{display:none;}
	.popover_info_box img{max-width:50px;}

    #locationGeo .card-body .card-head {
        height: 250px;
    }
    #mapid{
        width: 100%;
        height: 600px;
    }
    .banner-location .content-banner {
        width: 75%;
    }
    #apiKeyGeo .canvas-chart{
        height:240px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
	#historyGeo,#rechargeLogs_wrapper{padding-left:0px !important; padding-right:0px !important;}
    #rechargeLogs{margin-left:4px !important;}
    .avata-mobile{
        display: none;
    }
    .header-mobile{
        height:10px;
    }
}

@media (min-width: 812px) and (max-width: 1023px) {
    .unit-box-content {
		padding: 0px 10px 2px 10px;
	}

    #mapid{
        width: 100%;
        height: 600px;
    }

    .banner-location .content-banner {
        width: 35%;
    }

    #locationGeo .card .btn-primary{
        margin-top: 40px;
    }

    #apiKeyGeo .canvas-chart{
        height:390px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }

    .background-mobile{
        width: 100%;
        background: url(/frontend/images/img_bg.png) no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 940px;
    }

    .background-mobile .phone-mobile{
        height: 50px;
    }

    .avata-mobile{
        display: none;
    }

    .header-mobile{
        height:10px;
    }
}
@media (min-width:1024px) {
	.unit-box-content {
		padding: 0px 10px 2px 10px;
	}

    #mapid{
        width: 100%;
        height: 662px;
    }
    #locationGeo .card .btn-primary{
        margin-top: 20px;
    }
    #apiKeyGeo .canvas-chart{
        height:530px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }

    .background-mobile{
        width: 100%;
        background: url(/frontend/images/img_bg.png) no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 1230px;
    }

    .background-mobile .phone-mobile{
        height: 50px;
    }
}
@media (min-width:1280px) {
    #logGeolocation .menu-log-in {
        margin-top: -1%;
        margin-right: 66px;
    }
    #mapid{
        width: 100%;
        height: 695px;
    }
    #locationGeo .card .btn-primary{
        margin-top: 20px;
    }
    #apiKeyGeo .canvas-chart{
        height:530px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;
    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }

    .background-mobile{
        width: 100%;
        background: url(/frontend/images/img_bg.png) no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height:1430px;
    }

    .background-mobile .phone-mobile{
        height: 50px;
    }

    .header-mobile{
        height:70px;
    }
}

@media (min-width:1366px) and (max-width: 1835px) {
    #logGeolocation .menu-log-in {
        margin-top: -1%;
        margin-right: 66px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
		top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
        padding-top: 5px;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;

    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
    #mapid{
        width: 100%;
        height: 550px;
    }
    #locationGeo .card .btn-primary{
        margin-top: 20px;
    }
    #apiKeyGeo .canvas-chart{
        height:530px;
    }

    .header-mobile{
        height:100px;
    }
}
@media (min-width:1836px) {
    #logGeolocation .menu-log-in {
        margin-top: -1%;
        margin-right: 335px;
    }
    #mapid{
        width: 100%;
        height: 842px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;

    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (min-width:1920px) {
    #logGeolocation .menu-log-in {
        margin-top: -1%;
        margin-right: 335px;
    }
    #mapid{
        width: 100%;
        height: 869px;
    }
    #xxx{
        position: absolute;
        z-index: 1000;
        width: 100%;
        top: 72px;
        /* pointer-events: none; */
      }

    #zzz{
        width: 98%;
    }
    #searchx{
        border: none;
        background: url('/frontend/images/ic_search.png') no-repeat;
        background-size: 40px !important;
        height: 40px;
        width: 40px;
        float: right;
        margin-top: -38px;
        position: relative;

    }
    #inputSearch{
        border-radius: 25px;
        background-image: url(/frontend/images/ic_location.png) !important;
        background-repeat: no-repeat;
        background-size: 20px !important;
        background-position-x: 15px;
        background-position-y: center;
        padding-left: 50px;
        padding-right: 50px;
    }

    .background-mobile{
        width: 100%;
        background: url(/frontend/images/img_bg.png) no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height:1500px;
    }

    .background-mobile .phone-mobile{
        height: 80px;
    }
    .header-mobile{
        height:100px;
    }
}

@media (max-width: 767px) {
    html {
        touch-action: manipulation;
    }
    /* *:focus {
        box-shadow: none !important;
    }     */
}


/* //update_reponsive */
@media (max-width: 1200px) {
    section.radar .list-button {
        grid-template-columns: repeat(5,1fr);
    }
}

@media (max-width: 992px) {
    section.radar .list-button {
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width: 768px) {
    section.radar .list-button {
        grid-template-columns: repeat(3,1fr);
    }

    section.people-say .list-people-say .item {
        grid-template-columns: 1fr;
        grid-gap:0
    }

    section.radar .detail-radar iframe {
        aspect-ratio:1
    }
    footer .content-footer {
        grid-template-columns:1fr;
        grid-gap:16px
    }
    footer .title {
        font-weight: 600;
        line-height: var(--line-height);
        height:unset;
        display: block;
    }
}

@media (max-width: 575px) {
    html{
        --size-body:16px;
        --line-height-body:26px;
        --sub-text:14px;
        --size-h1:32px;
        --size-h2:28px;
        --size-h3:20px;
    }
    .group-search .img-search {
        padding:6px 12px
    }
    .expand_wrapper span {
        padding: 2px 5px 1px 5px;
    }
    .pt-section {
        padding-top: 30px;
    }
    .mt-section {
        margin-top: 30px;
    }
    .pt-content {
        padding-top: 14px;
    }

    .list-article-new .item.top-1 .content {
        position: unset !important;;
    }

    section.radar .list-button {
        grid-template-columns: repeat(2,1fr);
    }

    section.people-say .list-people-say {
        grid-template-columns: 1fr;
    }

    header#header {
        background-image: url(/frontend/images/bg_header_mb.jpg);
    }

    footer {
        background-image: url(/frontend/images/bg_footer_mb.jpg);
    }
}