@media only screen and (max-width: 768px) {
    
/*    body{
    	 background: red;
    }*/

    .header-bottom{
   		display: none;
   		background: white;
   		border-top: 1px solid #dcd3d3;
   		margin-top: 0px;
    }
    .top-bar-nav  li.icon-flag{
    	display: none !important;
    }
    .header-bottom img{
    	display: none;
    }
    .header-croll .header_top{
    	display: block;

    }
    .top-bar-nav {
    	 margin-left: -7px !important;
    }
    .top-bar-nav  li{
    	display: inline-block;
		padding-left: 10px;
		margin-left: 0px;
		width: 100%;
		    border-bottom: 1px solid #dcd3d3;
    }
    .top-bar-nav li a {
    	color: black;
   		 font-size: 11px;
    }
    .menu-reponsive{
	  	display: block;
	    float: left;
	    margin-top: 12px;
	    margin-top: -5px;
	    font-size: 24px;
    }
    .header_top{
	    background: white ;
	    color: black;
        padding-top: 10px;
        font-size: 10px;
  	}

  	.p_hot_line_top{
	  	display: none;
	}

	.container-box-index .box_index{
	  	margin-top:0px;
	}
  	.slider_content{
        background-repeat: no-repeat;
	    margin-bottom: -19px;
	    background-position: bottom;
	    height: auto;
	    padding-top: 0px;
  	}
  	.slider_content p{
  		font-size: 7px;
 	}

 	.slider_content h3{
  		font-size: 10px;
  	}
  	.box_index_top{
  		background: url(../images/box_index1_11_moble.png);
	    background-repeat: no-repeat;
	    margin-left: -3px;
	    margin-top: 19px;
	    height: 63px;
	    background-size: 102%;
 	}

  	.box_index_content .col-md-3{
  		margin-top: 0px;
	}

	.box_index_content .img-title {
	    margin-top: 7px;
	}
	.box_index_bottom{
		margin-bottom: 10px;
	    margin-top: 0px;
	    height: 7px;
	}
	.box_index_content .col-md-3{
		border: none;
	}
	.bg-timer{
		float: left;
	    width: 108px;
	    margin-right: 10px;
	    font-size: 14px;
	}
	.container-text-doi-tac{
 		font-size: 14px;
	}
	.footer{
		margin-top: 21px;
	    background-color: #0c4498;
	}
	.footer .logo img {
	    height: 52px;
	    float: left;
	}
	.title-footer {
	    margin-top: 24px;
	}
	.container-doi-tac .title-text{
		margin-top: -52px;
	}
	.header_title_page{
		width: auto;
	}
	.header_page_center{
		width:87%;
	       height: 112px;
	    padding-top: 19px;
	    background-size: contain;
	}
	.header_page_left{
	        height: 116px;
    		width: 28px;
	    float: left;
	    background-size: contain;
	      background-repeat: no-repeat;
	}
	.header_page_center h3 {
	    font-family: RobotoBold;
	    font-size: 20px;
	    margin-top: 5px;
	      background-repeat: no-repeat;
	}
	.header_page_right {
	        height: 111px;
    width: 14px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
	}
	.header_background{
		    height: 219px;
	    background-size: 258% !important;
	    background-repeat: no-repeat !important;
	    background-position: center !important;
	}
	.content-gioithieu{
		margin-left: 0px;
    	width: 100%;
    	padding-left: 15px;

	}
	.line-center-black {
	    border: none;
	    padding-right: 15px;
	    width: 100%;
	    padding-left: 15px;
	}
	.title-timer-gt-left {
	    background-size: 100%;
	    margin-right: 0px;
	    margin-bottom: 5px;
	    background-repeat: no-repeat;
	    background: #0062b1;
	    margin-top: 0px;
	}
	.content-timer {
	    width: 100%;
	    border: 1px solid #153479;
	    padding: 19px;
	    margin-top: -10px;
	    text-align: justify;
	}
	.line-center-black-right {
		border: none;
	   	margin-right: 0px;
    	padding-left: 15px;
	}
	.title-timer-gt-right {
	    padding: 8px 21px;
	    background-size: 100%;
	    margin-left: -1px;
	    background-color: white;
	    margin-top: -3px;
	    color: white;
	    font-size: 28px;
	    text-align: left;
	    padding-left: 10px;
	    background: #0062b1;
	}
	.title-timer-gt-center{

		background: #0062b1;
	    padding-top: 0px;
	    margin-left: 0px;
	    margin-top: 0px;

	}
	.line-center-black-right .content-timer {
	    margin-left: 0px;
	    margin-right: 38px;
	}
	.menu-slider-left{
		padding-left: 0px;
    	margin-left: 0px;
	}
	.frm-submit input[type="email"]{
		    width: 252px;
	}
	.div-gioi-thieu-center .content-timer {
	    margin-top: -10px;
	    margin-left: 0px;
	}
	.content_list_dich_vu h3{
		margin-top: 50px;
	    font-size: 20px;
	    width: 100%;
	}
	.content_list_dich_vu{
		margin-top: 10px;
	}
	.item-slider{
		width: 100%;
	}
	.bx-wrapper .bx-controls-direction a{
		    top: 104%!important;
	}
	.bx-wrapper .bx-prev{
		left: 32.47% !important;
	}
	.bx-wrapper .bx-next{
	 	right: 32.51% !important;
	}
	.page_dv_child .bt_lienhe, .page_dv_child .bt_lienhe:hover{
		    margin-top: 18px;
	}
	.news-info h2 a{
		font-size: 16px;
		line-height: 0px;
	}
	.news-info h2{

		margin-top: -14px;
   		padding-top: 10px;
	}
	.news-info{
		margin-top: 12px;
	}
	.title-single-news{
		font-size: 16px;
		line-height: 21px;
	}
	.title-single-news-bog{
		font-size: 16px;
		line-height: 21px;
	}
	.content-single-news{
		    padding-right: 15px;
	}
	.slibar_qa{
		width: 100%;
	}
	.contain-slibar_qa h3{
		font-size: 20px;
	}
	.div_title_qa {
		width: 100%;
    	font-size: 15px;
	}
	.panel-default > .panel-heading{
		height: auto;
	}
	.panel-title{
		width: 100%;
	    padding-left: 0px;
	    margin-left: 0px;
	}
	.panel-group .panel-heading + .panel-collapse .panel-body{
		    margin-left: 2px;
	}
	#div_id{
		width: 100%!important;
	}
	.content-lienhe .title-lien-he{
		font-size: 20px;
	}
}
/* Goldwell bilingual mobile navigation refresh. */
@media only screen and (max-width: 768px) {
    .goldwell-site-header {
        background: #fff;
        box-shadow: 0 1px 7px rgba(0, 0, 0, .14);
    }

    .goldwell-site-header .header_top,
    .header-croll .header_top {
        display: block;
        height: 52px;
        padding: 0;
        background: #fff;
        border: 0;
        color: #161616;
    }

    .goldwell-topbar-inner {
        width: 100%;
        min-height: 52px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .menu-reponsive {
        position: static;
        flex: 0 0 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0;
        padding: 0;
        border-radius: 3px;
        color: #151515;
        font-size: 23px;
        line-height: 1;
        cursor: pointer;
    }

    .menu-reponsive:hover,
    .menu-reponsive:focus,
    .menu-reponsive[aria-expanded="true"] {
        background: #f1f3f5;
        outline: none;
    }

    .goldwell-topbar-right {
        flex: 1 1 auto;
        min-width: 0;
        gap: 8px;
        justify-content: flex-end;
    }

    .goldwell-topbar-right .p_hot_line_top,
    .goldwell-topbar-divider {
        display: none !important;
    }

    .goldwell-topbar-right .email-top {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        line-height: 52px;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .goldwell-topbar-right .email-top span {
        color: #111;
    }

    .goldwell-topbar-right .email-top a {
        color: #111;
        text-decoration: none;
    }

    .goldwell-topbar-right .switch-language-area {
        flex: 0 0 auto;
        line-height: 52px;
    }

    .switch-language-area .language-area .goldwell-language-switcher {
        gap: 7px;
    }

    .switch-language-area .goldwell-language-switcher li + li:before {
        display: none;
    }

    .switch-language-area .goldwell-language-switcher a {
        color: #222;
        line-height: 1;
    }

    .switch-language-area .goldwell-language-switcher a span {
        display: none !important;
    }

    .switch-language-area .language-area .goldwell-language-switcher li img {
        width: 19px;
        height: auto;
        margin: 0;
        border: 1px solid #e2e2e2;
    }

    .goldwell-navigation-shell {
        position: relative;
        background: transparent;
        border: 0;
    }

    .goldwell-site-header .header-bottom,
    .header-croll .header-bottom {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1001;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        display: none;
        background: #fff;
        border-top: 1px solid #ececec;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
    }

    .goldwell-site-header .header-bottom.is-open {
        display: block;
    }

    .goldwell-branding {
        display: none;
    }

    .goldwell-main-navigation {
        width: 100%;
        margin: 0;
    }

    .goldwell-main-navigation .top-bar-nav {
        display: block;
        width: 100%;
        margin: 0 !important;
        padding: 4px 0 6px;
    }

    .goldwell-main-navigation .top-bar-nav > li,
    .goldwell-main-navigation .top-bar-nav li {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #ededed;
    }

    .goldwell-main-navigation .top-bar-nav > li > a,
    .header-croll .goldwell-main-navigation .top-bar-nav > li > a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 0 16px;
        color: #222;
        background: #fff;
        font-size: 13px;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .goldwell-main-navigation .top-bar-nav > li > a:after {
        left: 16px;
        right: auto;
        bottom: 0;
        width: 34px;
    }

    .goldwell-main-navigation .top-bar-nav > li > a:hover,
    .goldwell-main-navigation .top-bar-nav > li > a:focus {
        color: #0c5796;
        background: #f7f8f9;
    }

    .goldwell-main-navigation .sub-menu {
        position: static;
        display: block;
        min-width: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: #fafafa;
    }

    .goldwell-main-navigation .sub-menu a {
        padding: 10px 16px 10px 30px;
        color: #555;
    }

    .top-bar-nav li.icon-flag,
    .goldwell-main-navigation .top-bar-nav > li.goldwell-search-item {
        display: block !important;
        border-bottom: 0;
        padding: 10px 12px;
    }

    .goldwell-search-toggle {
        display: none;
    }

    .frm-search-top,
    .frm-search-top.is-visible {
        position: static;
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .search_mini .txt-search {
        height: 40px;
    }

    .search_mini #mini-search-submit {
        height: 40px;
    }
}

@media only screen and (max-width: 420px) {
    .goldwell-topbar-inner {
        padding-left: 6px;
        padding-right: 6px;
        gap: 5px;
    }

    .menu-reponsive {
        flex-basis: 34px;
        width: 34px;
    }

    .goldwell-topbar-right {
        gap: 6px;
    }

    .goldwell-topbar-right .email-top {
        font-size: 10.5px;
    }

    .switch-language-area .language-area .goldwell-language-switcher li img {
        width: 18px;
    }
}