@media (max-width: 1600px) {
	.container{max-width: inherit; width: 1210px;}

	// header
	.site-header{height: 120px;}
	.site-header.tiny{height: 90px;}
	.site-header .b-right li{padding: 0 24px;}
	.site-header .b-right li .link{font-size: 14px;}
	.site-header .b-right li .link img{width: 28px;}
	.site-header .brand img{width: 160px;}
	.site-header .dropdown-menu .dropdown-item{font-size: 14px;}

	.site-header .search-form .txt-key{height: 50px; padding: 10px 30px;}
	.site-header .search-form .txt-key .form-control{font-size: 14px;}
	.site-header .search-form .txt-key .btn-search{top: 5px;}

	// topgraphic
	.topgraphic .topgraphic-list .cover{padding-bottom: 44%;}
	.topgraphic .wg-search{top: 16%; transform: translate(-50%, 16%);}
	.topgraphic .search-form .label-search .txt-key li:nth-child(2){width: 45%;}
	.topgraphic .search-form .label-search .txt-key li:nth-child(3){width: auto;}

	// poppular
	.wg-popular .wrapper-slide .body .title{font-size: 30px;}
	.wg-popular .wrapper-slide .head .cover{padding-bottom: 80%;}
	.wg-popular .action{margin-top: 10px;}
	
	.wg-news .news-list{min-height: 560px;}
	.wg-news .news-list .wrapper-news .content{width: 30%;}
	.wg-news .news-list .wrapper-news .image{width: 70%;}
	.wg-news .news-list .slick-slide .wrapper-news{transform: scale(1) translate(0, 203px);}
	.wg-news .news-list .slick-slide .wrapper-news .cover{padding-bottom: 80%;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news{height: 510px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .cover{padding-bottom: 120%;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content{padding: 24px 30px 0 30px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .title{font-size: 31px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .desc{font-size: 18px;}
	.wg-news .news-list .slick-prev, .wg-news .news-list .slick-next{top: 90px;}
	.wg-news .news-list .slick-prev{left: 18.7%;}
	.wg-news .news-list .slick-next{right: 18.7%;}
	.wg-news .action{margin-top: 0;}

	.wg-camping-style .wrapper{width: auto; max-height: 350px;}
	.wg-camping-style .cover{padding-bottom: 120%;}
	.wg-camping-style .item-list{margin: 45px -10px 0 -10px;}
	.wg-camping-style .item-list li{padding: 0 10px;}

	.box-content .desc{font-size: 17px;}
	.wrapper-slide .body .title{font-size: 22px;}
	.wrapper-slide .body .title .rate{font-size: 20px; width: 40px; height: 40px; line-height: 40px; margin-right: 9px;}
	.wrapper-slide .body .desc{font-size: 24px;}

	.btn{height: 50px; line-height: 50px;}

	.ui-widget{top: 460px !important; /*left: 287.5px !important;*/}

	// booking all
	.booking-login{margin: 0 auto; margin-top: 100px;}
	.booking-register{padding-right: 30px;}

	// search
	.search-page .filter .btn-filter{min-width: 150px;}

	.menu-filter{font-size: 18px; min-height: auto;}
	.menu-filter label{font-size: 18px; margin-bottom: 12px;}
	.menu-filter .form-group{margin-bottom: 25px;}
	.menu-filter .checkbox-control .title{font-size: 16px;}
	.menu-filter .checkbox-control .icon{top: 1px;}
	.menu-filter .checkbox-control + .checkbox-control{margin-top: 10px;}
	.menu-filter .btn-reset{font-size: 16px;}
	.menu-filter .btn-submit-filter{font-size: 16px; margin-right: 86px; height: 46px; line-height: 46px;}
	.menu-filter .btn-close{right: 220px;}

	.select2-container .select2-selection--single{height: 38px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 16px; line-height: 38px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{top: 40%;}

	.card .head{width: 240px; height: auto;}
	.card .head .cover{padding-bottom: 110%;}
	.card .body{padding: 9px 19px 0 20px;}
	.card .body .title{font-size: 24px; line-height: 1.2em; padding-bottom: 0;}
	.card .body .title.text-limit{width: calc(100% - 70px); max-height: 2.4em;}
	.card .body .rate{font-size: 20px; width: 50px; height: 50px; line-height: 50px;}
	.card .body .desc{font-size: 20px; padding-top: 15px; padding-bottom: 10px;}
	.card .body .item-list{margin: 0 -6px; margin-top: 20px; margin-bottom: 13px;}
	.card .body .item-list li{padding: 0 6px;}
	.card .item-list li img{width: 50px;}
	.card .body .detail{font-size: 16px;}
	.card .body .detail strong{font-size: 24px;}
	.card .favorite{top: 15px; left: 33%; width: 30px; height: 30px;}

	.campa-search-map{width: calc(100vw - 140%); margin-left: 26px;}

	#sticky-map .card{top: 110px; left: 410px; width: 305px; height: auto;}
	#sticky-map .card .head{height: auto; width: 100%;}

	// profile
	.profile-page .wrapper-profile, .profile-page .menu-profile{margin-left: 0;}
}

@media (max-width: 1440px) /*check 1280*/ {
	.container{max-width: inherit; width: 1210px;}

	// header
	.site-header{height: 100px;}
	.site-header.tiny{height: 90px;}
	.site-header .b-right li{padding: 0 20px;}
	.site-header .b-right li .link{font-size: 12px;}
	.site-header .b-right li .link img{width: 25px;}
	.site-header .dropdown-menu{min-width: 55px; margin-left: -13px;}
	.site-header .dropdown-menu .dropdown-item{font-size: 12px;}

	.site-header .search-form .txt-key .form-control{font-size: 12px;}

	.site-header.reset-header.tiny,
	.site-header.reset-header{height: 90px;}
	.site-header .b-right .member.active:before{width: 10px; height: 10px; top: 8px; right: -4px;}
	.site-header .dropdown-menu.dropdown-member{min-width: 226px;}
	.site-header .dropdown-menu.dropdown-member .dropdown-item{font-size: 16px; padding: 5px 28px;}
	.site-header .dropdown-menu.dropdown-member .dropdown-item span{margin-right: 10px;}
	.site-header .dropdown-menu.dropdown-member .dropdown-item.active .text:before{width: 10px; height: 10px; right: -15px;}

	// topgraphic
	.topgraphic .wg-search{top: 22%; transform: translate(-50%, 22%); width: 820px;}
	.topgraphic .wg-search .h-title{font-size: 52px;}
	.topgraphic .wg-search .desc{font-size: 22px; padding-bottom: 10px;}
	.topgraphic .search-form .label-search .txt-key{height: 75px;}
	.topgraphic .search-form .label-search .txt-key li{line-height: 1em;}
	.topgraphic .search-form .label-search .txt-key li span{font-size: 12px;}
	.topgraphic .search-form .label-search .txt-key .form-control{font-size: 14px;}
	.topgraphic .search-form .label-search .btn-search{right: 60px; top: 40px;}
	.topgraphic .search-form .label-search .btn-search img {width: 36px;}
	.topgraphic .arrows-scroll .link .feather{font-size: 40px;}
	.topgraphic .search-form .label-search .txt-key .form-control{width: 90%;}
	// .topgraphic .search-form .label-search .txt-key li:nth-child(2){width: 42%;}
	.topgraphic .search-form .label-search .add-guest .dropdown-guest{top: 63px; padding: 10px 12px;}
	.topgraphic .search-form .label-search .add-guest .dropdown-guest .form-control{margin-top: 6px;}

	// popular
	.wg-popular{padding-bottom: 20px;}
	.wg-popular .wrapper-slide{max-height: 400px;}
	.wg-popular .wrapper-slide .head .cover{padding-bottom: 70%;}
	.wg-popular .wrapper-slide .body .title{font-size: 24px;}

	// camping-ground
	.wg-camping-ground{padding-top: 25px; padding-bottom: 20px;}
	.wg-camping-ground .camping-ground-list{margin-top: 10px;}
	.wg-camping-ground .action{margin-top: 10px;}
	
	.wrapper-slide .body{padding: 15px;}
	.wrapper-slide .body .title .rate{font-size: 16px; width: 35px; height: 35px; line-height: 35px;}
	.wrapper-slide .body .desc{font-size: 20px;}

	// banner
	.wg-banner{padding-top: 54px; padding-bottom: 63px;}

	// text-left
	.wg-text-left,
	.wg-text-right{padding: 80px 0;}

	// news
	.wg-news .news-list{min-height: 420px;}
	.wg-news .news-list .wrapper-news .content .title{font-size: 22px;}
	.wg-news .news-list .slick-slide .wrapper-news{transform: scale(1) translate(0, 110px);}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news{height: 420px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .title{font-size: 26px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .desc{font-size: 16px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .action .btn{height: 46px; line-height: 46px; min-width: 140px;}
	.wg-news .news-list .slick-prev, .wg-news .news-list .slick-next{top: 30px;}
	.wg-news .news-list .slick-prev{left: 20.5%;}
	.wg-news .news-list .slick-next{right: 20.5%;}
	.wg-news .action{margin-top: 40px;}

	// life style
	.wg-camping-style .wrapper .title{font-size: 17px;}

	// footer
	.site-footer{padding-top: 50px; padding-bottom: 45px; min-height: inherit;}
	.site-footer .link .brand{width: 226px;}
	.site-footer .h-title{font-size: 24px;}
	.site-footer .link-list li .link{font-size: 16px;}
	.site-footer .link{line-height: 0.9em;}
	
	.box-content .desc{font-size: 14px; line-height: 1.5em; max-width: inherit;}
	.box-content .desc.text-limit{height: 9em; -webkit-line-clamp: 6;}
	.h-title{font-size: 36px;}
	.slick-prev, .slick-next{width: 45px; height: 45px; font-size: 30px; border: 3px solid $color-light;}
	.slick-prev{left: -70px;}
	.slick-next{right: -70px;}
	.slick-dots li{width: 14px; height: 14px;}
	.btn{height: 45px; line-height: 45px;}

	.ui-widget{max-width: 238px; top: 434px !important; /*left: 309.5px !important;*/}
	.ui-widget li .ui-menu-item-wrapper{font-size: 16px; padding: 15px; padding-left: 21px;}

	// booking all
	.booking-page{padding: 60px 0;}

	.booking-sum .h-title{font-size: 20px;}
	.booking-sum{font-size: 18px;}
	.booking-sum .row + .row{margin-top: 6px;}
	.booking-sum .block{padding: 25px;}
	.booking-sum{width: 340px;}

	.booking-why{margin-top: 60px;}
	.booking-why .title{font-size: 24px;}
	.booking-why .desc{font-size: 18px;}
	
	.booking-login{margin: 60px 30px 0 30px; width: 320px;}
	.booking-login .social .link{font-size: 18px;}
	.booking-login .social .link + .link{margin-top: 15px;}
	.booking-login .mail .link{font-size: 18px;}
	.booking-login .or{padding: 20px 0; font-size: 16px;}
	.booking-login .action .link{font-size: 18px;}

	.booking-register{min-height: inherit; padding-right: inherit;}
	.booking-register .title{font-size: 26px;}
	.booking-register .form-default{max-width: 340px;}
	.booking-register .form-default .password{padding-top: 20px;}
	.booking-register .form-default .policy{margin-top: 30px; padding: 15px; font-size: 14px;}
	.booking-register .form-default .form-button .action .link{font-size: 18px;}

	.booking-payment .h-title{font-size: 26px;}
	.payment-method .header .link{font-size: 18px;}
	.payment-method .header .link::before{top: 18px;}
	.payment-method .header .link .icon{width: 110px;}
	.payment-method{max-width: 600px;}
	
	.booking-detail{margin-top: 40px; padding-top: 40px;}
	.booking-detail .h-title{font-size: 26px; margin-bottom: 20px;}
	.booking-detail .should{padding-right: 100px; min-height: 370px;}
	.booking-detail .should-list{font-size: 18px;}
	.booking-detail .should-list .icon{width: 24px; top: 0;}
	.booking-detail .should-list .notallow,
	.booking-detail .should-list .allow{width: 20px; height: 20px; left: -10px;}
	.booking-detail .should-list li + li{margin-top: 15px;}
	.booking-detail .policy .action{margin-top: 20px;}
	.booking-detail .policy .action .link{font-size: 18px;}
	.booking-detail .policy{max-width: 360px; margin-left: 30px;}
	
	.bookong-info{margin-right: 100px; width: 480px;}
	.bookong-info .h-title .icon{width: 50px; margin-right: 5px;}
	.bookong-info .h-title{font-size: 26px;}
	.bookong-info .info-header .title{font-size: 26px;}
	.bookong-info .info-header .cover{width: 50px; height: 50px;}
	.bookong-info .info-header .zone .icon{width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.bookong-info .info-detail strong{font-size: 20px;}
	.bookong-info .action .btn{font-size: 20px;}

	.bookong-conclude .block{padding: 18px 25px;}
	.bookong-conclude .h-title{font-size: 19px;}
	.bookong-conclude .desc{font-size: 18px;}
	.bookong-conclude .link{font-size: 16px;}
	.bookong-conclude .action .note{font-size: 16px;}
	.bookong-conclude .action{padding: 25px 0;}
	.bookong-conclude .action .btn{font-size: 20px;}
	
	.editor-content p{font-size: 18px;}

	.form-default .floating-label{font-size: 18px; left: 20px; top: 20px;}
	.form-default .form-control{font-size: 18px; padding-left: 20px;}
	.form-default .help-block{font-size: 14px;}
	
	.btn-lg{height: 60px; line-height: 58px; font-size: 22px;}

	// search
	.search-page .filter .btn-filter{font-size: 16px;}
	.search-page .sort{font-size: 16px;}

	.menu-filter label{font-size: 16px;}
	.menu-filter .checkbox-control .title{font-size: 14px;}
	.menu-filter .btn-reset{font-size: 14px;}
	.menu-filter .btn-submit-filter{font-size: 14px; height: 40px; line-height: 40px;}
	.menu-filter .btn-close{right: 137px;}
	
	.card .body .title{font-size: 20px;}
	.card .body .rate{font-size: 16px; width: 40px; height: 40px; line-height: 40px;}
	.card .item-list li img{width: 45px;}
	.card .body .detail strong{font-size: 21px;}
	.card .head .cover{padding-bottom: 100%;}
	.card .body .item-list{margin-top: 12px;}
	
	.campa-search-map{width: calc(100vw - 126%);}

	.select2-results__option{font-size: 14px;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 6px 6px 0 6px;}
	.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-left: 0 6px 6px 6px;}

	.pagination .link{margin: 0 6px;}

	// Sign up
	.modal .modal-content{padding-bottom: 32px;}
	.modal .modal-title{font-size: 20px;}
	.modal .modal-header{padding: 0 14px; padding-top: 19px; padding-bottom: 17px;}
	.modal .close{width: 37px; height: 35px;}
	.modal .mail .link,
	.modal .social .link{font-size: 20px; height: 75px; line-height: 75px;}
	.modal .or{font-size: 18px;}
	.modal .action{font-size: 18px; margin-top: 22px;}
	.modal .desc.policy{font-size: 18px;}
	.modal .modal-footer{margin-top: 37px;}
	.btn-forgot-psw,
	.modal .remmember .title{font-size: 15px;}
	.modal .remmember .checkbox-control .icon{top: 0;}

	// reset password
	.reset-password-page{margin-top: 90px; padding-bottom: 45px;}
	.reset-password-page .header .title{font-size: 18px; padding: 23px 0;}
	.reset-password-page .body{padding: 12px 42px 21px 42px;}
	.reset-password-page .body .form-default .form-control{height: 68px;}
	.reset-password-page .body .form-control-feedback{top: 24px;}
	.reset-password-page .body .showPSW{top: 13px;}

	// profile
	.profile-page{margin-top: 90px;}
	.profile-page .wrapper-profile .img-profile .cover{width: 120px; height: 120px;}
	.profile-page .wrapper-profile .text-name{font-size: 26px;}
	.profile-page .wrapper-profile .b-rank .icon-rank img{width: 56px;}
	.profile-page .wrapper-profile .b-rank .name-rank{font-size: 19px;}
	.profile-page .wrapper-profile .b-rank .name-rank strong{font-size: 24px;}
	.profile-page .menu-profile .link{font-size: 20px;}
	.profile-page .menu-profile .link .img-icon{width: 50px; height: 50px;}
	.profile-page .menu-profile .link{padding: 13px 20px;}
	.profile-page .menu-profile .text{margin-left: 40px;}

	.profile-page .h-title{font-size: 28px; padding-bottom: 15px;}
	.profile-page .profile-detail .desc{font-size: 20px;}

	.profile-page .btn-profile{font-size: 18px;}

	.line{margin: 25px 0;}

}

@media (max-width: 1199px) /*check 1024*/{
	.container{max-width: inherit; width: 970px;}

	// header
	.site-header .brand img{width: 150px;}

	.site-header .search-form .txt-key{width: 410px;}
	.site-header .search-form .add-guest .dropdown-guest{width: 154px; padding: 10px;}
	.site-header .search-form .add-guest .guest .btn{width: 36px; height: 36px;}

	.site-header .dropdown-menu.dropdown-member .dropdown-item{font-size: 14px;}
	.site-header .dropdown-menu.dropdown-member .dropdown-item:hover img{width: 20px;}

	// topgraphic
	.topgraphic .wg-search{top: 30%; transform: translate(-50%, 20%); width: 700px; min-height: inherit;}
	.topgraphic .wg-search .h-title{font-size: 42px; margin-bottom: 0;}
	.topgraphic .wg-search .desc{font-size: 18px; padding-bottom: 0;}
	.topgraphic .search-form .label-search .txt-key{padding: 10px 24px;}
	.topgraphic .search-form .label-search .txt-key li:nth-child(1){width: 29%;}
	.topgraphic .search-form .label-search .txt-key li:nth-child(2){width: 41%;}
	.topgraphic .search-form .label-search .btn-search{right: 38px;}
	.topgraphic .topgraphic-list .cover{padding-bottom: 56%;}
	.topgraphic .arrows-scroll .link{top: -30px;}
	.topgraphic .arrows-scroll .link .feather{font-size: 55px;}
	.topgraphic .search-form .label-search .add-guest .guest .btn{width: 35px; height: 35px; padding: 5px 12px;}
	.topgraphic .search-form .label-search .add-guest .dropdown-guest{width: 204px;}

	// popular
	.wg-popular{min-height: inherit;}
	.wg-popular .wrapper-slide .body .title{font-size: 20px;}
	.wg-popular .popular-list{margin-top: 10px;}
	.wg-popular .popular-list .slick-list{margin: 0 -10px;}
	.wg-popular .popular-list .slick-list .item{padding: 0 10px;}

	// camping ground
	.wg-camping-ground{padding-top: 20px;}
	.wg-camping-ground .camping-ground-list .slick-list{margin: 0 -10px;}
	.wg-camping-ground .camping-ground-list .slick-list .item{padding: 0 10px;}

	// banner
	.wg-banner{padding-top: 30px;}

	.wg-text-left, .wg-text-right{padding: 40px 0;}
	.wg-text-left .slick-list,
	.wg-text-right .slick-list{margin: 0 -10px;}
	.wg-text-left .slick-list .item,
	.wg-text-right .slick-list .item{padding: 0 10px;}

	// news
	.wg-news{padding-top: 40px; padding-bottom: 20px;}
	.wg-news .news-list{margin-top: 30px;}
	.wg-news .news-list .wrapper-news{height: 260px; transform: scale(0.8) translate(0, 77px);}
	.wg-news .news-list .wrapper-news .content{padding: 15px 15px 0 15px;}
	.wg-news .news-list .wrapper-news .content .title{font-size: 18px;}
	.wg-news .news-list .wrapper-news .content .desc{font-size: 10px;}
	.wg-news .news-list .wrapper-news .content .action .btn{height: 30px; line-height: 30px; min-width: 80px;}
	.wg-news .news-list .slick-slide .wrapper-news{transform: scale(1) translate(0, 160px);}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .title{font-size: 22px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .desc{font-size: 14px;}
	.wg-news .news-list .slick-list{margin: 0 -180px;}
	.wg-news .news-list .slick-list .item{padding: 0 15px;}
	.wg-news .news-list .slick-prev, .wg-news .news-list .slick-next{top: 80px;}
	.wg-news .news-list .slick-prev{left: 13%;}
	.wg-news .news-list .slick-next{right: 13%;}

	// life stye
	.wg-camping-style{padding-top: 20px; padding-bottom: 40px;}
	.wg-camping-style .item-list{margin: 35px -10px 0 -10px;}
	.wg-camping-style .wrapper{height: 280px;}
	.wg-camping-style .wrapper .title{font-size: 13px; padding: 15px 10px;}
	
	.wrapper-slide .body{padding: 10px 15px;}
	.wrapper-slide .body .title .rate{font-size: 12px; width: 30px; height: 30px; line-height: 30px;}
	.wrapper-slide .body .desc{font-size: 16px; padding-top: 15px; padding-bottom: 0;}

	.h-title{font-size: 28px;}

	.wrapper-slide .body .title{font-size: 16px; padding-bottom: 10px;}

	.slick-dots{bottom: -30px;}
	.slick-dots li{width: 10px; height: 10px; margin: 0 4px;}
	.slick-dots li.slick-active{width: 45px;}

	.btn{font-size: 13px; height: 40px; line-height: 40px; min-width: 120px;}

	// footer
	.site-footer .link .brand{width: 180px;}
	.site-footer .h-title{font-size: 20px;}
	.site-footer .link-list li .link{font-size: 16px;}
	.site-footer .ft-bt .copyright{font-size: 16px;}
	.site-footer .link{font-size: 16px;}

	.ui-widget{top: 405px !important;}
	.daterangepicker{margin-top: 28px;}

	// booking all

	.booking-why .title{font-size: 20px; margin-bottom: 10px;}
	.booking-why .desc{font-size: 16px;}

	.booking-login{width: 280px;}
	.booking-login .mail .link,
	.booking-login .social .link{font-size: 16px; height: 50px; line-height: 50px; padding: 0 20px;}
	.booking-login .social .link + .link{margin-top: 10px;}
	.booking-login .mail .link .icon,
	.booking-login .social .link .icon{width: 25px;}
	.booking-login .or{padding: 15px 0; font-size: 14px;}
	.booking-login .action .link{font-size: 16px;}

	.booking-sum{font-size: 16px;}
	.booking-sum .block{padding: 20px;}
	.booking-sum .h-title{font-size: 18px; margin-bottom: 6px;}

	.booking-register .title{font-size: 20px;}
	.booking-register .form-default .policy{font-size: 12px; margin-top: 15px;}
	.booking-register .form-default .password{padding-top: 15px;}

	.booking-login.layout-2{width: 200px; margin: 60px 0 0 0;}
	.booking-login.layout-2 .action .link,
	.booking-login.layout-2 .social .link{font-size: 14px;}

	.booking-payment .h-title{font-size: 20px; margin-bottom: 15px;}
	.payment-method .header .link{font-size: 16px; line-height: 1.7em; padding-left: 26px;}
	.payment-method .header .link .icon{width: 90px; top: 13px;}
	.payment-method .header .link::before{width: 17px; height: 17px; top: 21px;}
	.payment-method .form-default .form-control{padding: 0 20px; height: 50px; font-size: 15px;}
	.payment-method .form-default .form-control .form-control{height: 50px;}

	.booking-detail{margin-top: 25px; padding-top: 25px;}
	.booking-detail .should{padding-right: 65px;}
	.booking-detail .h-title{font-size: 20px; margin-bottom: 15px;}
	.booking-detail .should-list li{font-size: 15px; padding: 10px 15px;}
	.booking-detail .should-list .notallow, 
	.booking-detail .should-list .allow{width: 17px; height: 17px; top: 14px; left: -9px;}
	.booking-detail .policy .action .link{font-size: 16px;}

	.bookong-info{width: 100%;}
	.bookong-info .h-title{font-size: 20px; margin-bottom: 15px;}
	.bookong-info .info-header .title{font-size: 20px;}
	.bookong-info .h-title .icon{width: 40px;}
	.bookong-info .info-header .cover{width: 40px; height: 40px;}
	.bookong-info .info-detail{margin-top: 15px; padding-top: 15px;}
	.bookong-info .info-detail strong{font-size: 18px;}
	.bookong-info .action{margin-top: 15px;}
	.bookong-info .action .btn{font-size: 18px;}

	.bookong-conclude .h-title{font-size: 16px;}
	.bookong-conclude .desc{font-size: 16px;}
	.bookong-conclude .link{font-size: 14px;}
	.bookong-conclude .block{padding: 15px 20px;}
	.bookong-conclude .action{padding: 20px 0;}
	.bookong-conclude .action .btn{font-size: 18px;}
	.bookong-conclude .action .note{font-size: 14px;}
	
	.editor-content p{font-size: 16px; margin-bottom: 10px; line-height: 1.5em;}
	
	.checkbox-control .title{font-size: 13px;}

	.form-default .form-control{font-size: 15px;}
	.form-default .help-block{font-size: 13px;}
	.form-default .form-control:focus ~ .floating-label, 
	.form-default .form-control:not(:placeholder-shown) ~ .floating-label{font-size: 12px;}

	// search
	.search-page .filter .btn-filter{min-width: auto; font-size: 14px;}
	.search-page .sort{font-size: 14px;}
	.search-page .sort li .link{padding: 6px 10px;}

	.menu-filter .btn-close{right: 46px;}

	.card .body{padding: 9px 10px 0 10px;}
	.card .body .title{font-size: 16px;}
	.card .body .rate{font-size: 14px; width: 36px; height: 36px; line-height: 36px;}
	.card .body .desc{font-size: 16px;}
	.card .body .item-list{margin-top: 5px; padding-bottom: 8px; margin-bottom: 10px;}
	.card .item-list li img{width: 36px;}
	.card .body .detail{font-size: 14px; padding: 0 10px;}
	.card .body .detail strong{font-size: 18px;}
	.card .head{width: 180px;}
	.card .head .cover{padding-bottom: 112%;}
	.card .favorite{left: 30%;}

	.campa-search-map{width: calc(100vw - 115%);}
	#sticky-map .card{top: 350px; left: 50px; margin: 0; width: 245px;}
	#sticky-map .card .head .cover{padding-bottom: 47%;}

	.pagination .link{font-size: 16px;}
	.pagination-label{font-size: 16px;}
	.pagination .link span.fa{font-size: 20px;}
	.pagination li + li{margin-left: 0;}

	// sign up
	.modal .mail .link, .modal .social .link{font-size: 18px; height: 65px; line-height: 65px;}
	.modal .action{font-size: 16px; margin-top: 20px;}
	.modal .desc.policy{font-size: 16px;}
	.modal .modal-footer{margin-top: 27px;}

	// reset password
	.reset-password-page{padding: 40px;}
	.reset-password-page .body .form-default .form-control{height: 58px;}
	.reset-password-page .body .form-control-feedback{top: 20px;}
	.reset-password-page .body .showPSW{top: 10px;}
	.reset-password-page .body .form-button{margin-top: 18px;}

	// profile
	.profile-page .wrapper-profile, .profile-page .menu-profile{width: auto;}
	.profile-page .wrapper-profile .text-name{font-size: 20px;}
	.profile-page .wrapper-profile .img-profile .edit-pic .custom-file-label{font-size: 14px;}
	.profile-page .wrapper-profile .b-rank .icon-rank img{width: 45px;}
	.profile-page .wrapper-profile .img-profile .cover{width: 100px; height: 100px;}
	.profile-page .wrapper-profile .b-rank .name-rank strong{font-size: 20px;}
	.profile-page .menu-profile .link{font-size: 16px;}
	.profile-page .menu-profile .link .img-icon{width: 40px; height: 40px;}
	.profile-page .menu-profile .link .img-icon img{width: 26px;}
	.profile-page .menu-profile .text{margin-left: 10px;}
	.profile-page .h-title{font-size: 24px; padding-bottom: 5px;}

	.profile-page .profile-detail .desc{font-size: 16px; margin-top: 13px;}
	.profile-page .profile-detail .desc img{width: 24px;}

	.line{margin: 20px 0;}

}

@media (max-width: 991px) {
	.container{max-width: inherit; width: 100%;}

	/*mobile-menu (start)*/
	.global-container{position: relative; overflow: hidden; right: 0;}
	.global-container .site-header .overlay{visibility: hidden;opacity: 0;@include transition(all 400ms ease);}
	.global-container .site-container{position: relative;right: 0; @include transition(all 400ms ease);}
	.global-container .site-footer{position: relative;right: 0; @include transition(all 400ms ease);}
	.global-container.sidebar-open .site-header .overlay{opacity: 1;visibility: visible;}
	.global-container.sidebar-open .site-container{right: 260px;}
	.global-container.sidebar-open .site-footer{right: 260px;}

	.site-header > .container{position: relative; z-index: 99;}
	.site-header .overlay{position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);}

	.site-header .b-right li .signup{min-width: 100px;}
	
	.menu-mobile-btn{display: block;}
	nav.menu {position: fixed; z-index: 100; top: 80px; bottom: 0; width: 260px; overflow: auto; right: -260px; padding-left: 0;@include transition(all 400ms ease);}
	nav.menu.open {right: 0;}
	nav.menu li{width: 100%; border-top: 1px solid $color-border;}
	/*mobile-menu (end)*/

	.site-header .search-form .txt-key{width: 360px; height: 40px; padding: 10px 16px;}
	.site-header .search-form .txt-key .btn-search{top: 0;}
	.site-header .search-form .txt-key .form-control{line-height: 32px;}
	.site-header .search-form .txt-key .form-control.add-guest{padding-left: 16px;}

	// .topgraphic
	.topgraphic .wg-search{width: 80%; top: 25%; transform: translate(-50%, 25%);}
	.topgraphic .wg-search .h-title{font-size: 32px;}
	.topgraphic .wg-search .desc{font-size: 16px;}
	.topgraphic .search-form .label-search .txt-key{height: 50px; padding: 8px 26px;}
	.topgraphic .search-form .label-search .txt-key .form-control{font-size: 12px;}
	.topgraphic .search-form .label-search .btn-search{top: 33px; right: 30px;}
	.topgraphic .search-form .label-search .btn-search img{width: 25px;}
	.topgraphic .arrows-scroll .link .feather{font-size: 40px;}
	.topgraphic .search-form .label-search .txt-key .form-control.add-guest{line-height: 29.5px;}
	.topgraphic .search-form .label-search .add-guest .dropdown-guest{width: 174px; top: 43px; padding: 4px 6px;}

	// popular
	.wg-popular{margin-top: -20px;}

	.wg-text-left .box-content .desc{padding-right: 15px;}
	.wg-text-right .box-content .desc{padding-left: 15px;}

	// news
	.wg-news .news-list .wrapper-news{height: 280px; transform: scale(0.8) translate(0, 66px);}
	.wg-news .news-list .wrapper-news .content .action{left: 15px; bottom: 15px;}
	.wg-news .news-list .wrapper-news .image,
	.wg-news .news-list .wrapper-news .content{width: 100%;}
	.wg-news .news-list .wrapper-news .content .title{font-size: 16px;}
	.wg-news .news-list .wrapper-news .content .title.text-limit{height: inherit; max-height: 2.6em;}
	.wg-news .news-list .wrapper-news .content .desc.text-limit{height: inherit; max-height: 3.4em; -webkit-line-clamp: 2;}
	.wg-news .news-list .wrapper-news{display: flex; flex-wrap: wrap;}
	.wg-news .news-list .wrapper-news .image{order: 1; -webkit-box-ordinal-group: 2;}
	.wg-news .news-list .wrapper-news .content{order: 2; -webkit-box-ordinal-group: 2; margin-top: -60px;}
	.wg-news .news-list .slick-slide .wrapper-news{transform: scale(1) translate(0, 140px);}
	.wg-news .news-list .slick-slide .wrapper-news .cover{padding-bottom: 40%;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news{display: flex; flex-wrap: wrap;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .image,
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content{width: 100%;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .image{order: 1; -webkit-box-ordinal-group: 2;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content{order: 2; -webkit-box-ordinal-group: 2; padding: 0 30px 0 30px; margin-top: -70px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .desc.text-limit{height: 4.9em; -webkit-line-clamp: 3;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .cover{padding-bottom: 56%;}
	.wg-news .news-list .slick-prev, .wg-news .news-list .slick-next{top: 50px;}
	.wg-news .news-list .slick-prev{left: 18%;}
	.wg-news .news-list .slick-next{right: 18%;}

	// life style
	.wg-camping-style .wrapper{height: auto;}
	.wg-camping-style .wrapper .title{padding: 10px;}

	// footer
	.bg-img.mountain-ft{right: inherit;}
	.site-footer .social-list li{margin: 0 9px;}
	.site-footer .social-list .link img{width: 30px;}

	.wrapper-slide:hover{transform: translateY(0);}

	.ui-widget{top: 292px !important;}
	.ui-widget li .ui-menu-item-wrapper{font-size: 14px; padding: 12px; padding-left: 21px;}
	.daterangepicker{margin-top: 13px;}

	// booking all
	.booking-page{padding: 40px 0; min-height: calc(100vh - 263px);}

	.booking-why{margin-top: 0;}

	.booking-login{margin: 40px 50px 0 50px; width: 240px;}
	.booking-login .mail .link, 
	.booking-login .social .link{height: 45px; line-height: 45px; padding: 0 15px;}
	.booking-login .mail .link .icon, 
	.booking-login .social .link .icon{width: 22px;}

	.booking-register{border: none; padding-right: 0;}
	.booking-register .title{margin-bottom: 15px;}
	.booking-register .form-default{max-width: inherit;}
	.booking-register .form-default .policy{padding: 10px;}

	.booking-login.layout-2{width: 100%; margin: 0 auto; margin-top: 20px;}
	.booking-login .social .link + .link{margin-top: 7px;}
	
	.booking-payment .h-title{margin-bottom: 0;}

	.booking-detail .should{padding-right: 0; border: none;}
	.booking-detail .policy{margin-left: 0;}
	.booking-detail .should-list{width: 330px;}

	.bookong-info .h-title .icon{width: 33px;}

	.editor-content p{font-size: 15px;}

	// search
	.campa-search-map{position: fixed; width: 100%; height: calc(100vh - 580px); margin: 0; z-index: 99;}
	.mt-xs{margin-top: 440px;}

	.pin-location{left: 53%; top: 170px; z-index: 99;}
	#sticky-map .card{top: 230px; left: 270px; z-index: 99;}
	.campa-search-map{width: 96%;}
	.menu-filter .btn-close{z-index: 99; right: 16px;}

	// profile
	.profile-page{padding: 40px 0;}
	.profile-page .btn-profile{min-width: 168px;}
	.profile-page .form-default .form-control{height: 45px; padding: 10px 40px 10px 13px;}
	.profile-page .form-default .select2-container .select2-selection--single{height: 45px;}
	.profile-page .form-default .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 45px; font-size: 16px; padding-left: 13px;}
	.profile-page .form-default .select2-container--default .select2-selection--single .select2-selection__arrow b{top: 50%;}
	.profile-page .form-default .form-control::placeholder{font-size: 16px;}

}

@media (max-width: 767px) {
	.container{max-width: inherit; width: 100%;}

	.hide-xs{display: none;}
	.wg-text-left .h-title,
	.wg-text-right .h-title{text-align: center !important;}
	.wg-text-left .box-content .desc,
	.wg-text-right .box-content .desc{padding-right: 0; padding-left: 0; text-align: center !important; padding-bottom: 20px;}
	
	.wg-text-right .box-content{float: none;}
	.wg-text-right .action{text-align: center; margin-top: 60px;}
	.wg-text-left .action.hide-md{width: 100%; margin-top: 60px; display: flex; justify-content: center;}
	
	.box-content .desc.text-limit{max-height: 9em; height: inherit;}
}

@media (max-width: 575px) {
	.container{max-width: inherit; width: 100%;}

	.site-header,
	.site-header.tiny{height: 60px;}
	.site-header .brand{display: flex; align-items: center; height: 100%;}
	.site-header .brand img{width: 100px;}
	.site-header .b-right li{padding: 0 7px;}
	.site-header .b-right li .link img{width: 20px;}
	.site-header .b-right .member span{margin-right: 5px;}
	.site-header .b-right .item-list{font-size: 13px;}
	.site-header .b-right li:first-child:before{top: 10px; right: -3px; height: 50%;}
	.site-header .dropdown-menu .dropdown-item{padding: 3px; font-size: 13px;}
	.site-header .b-right li:nth-child(2){padding-right: 0;}

	.site-header .search-form{position: absolute; z-index: 1; left: -107px; top: 59px; display: none;}

	.site-header.reset-header.tiny, .site-header.reset-header{height: 60px;}
	.site-header .b-right li .signup{height: 30px; line-height: 30px; margin-top: 5px;}

	.topgraphic{padding-bottom: 180px;}
	.topgraphic .topgraphic-list .cover{padding-bottom: 86%;}
	.topgraphic .wg-search{top: 0;}
	.topgraphic .wg-search .h-title{font-size: 35px; line-height: 1.2em;}
	.topgraphic .wg-search .desc{font-size: 16px;}
	
	.topgraphic .search-form .label-search{top: 80px;}
	.topgraphic .search-form .label-search .txt-key{width: 100%; left: 0; top: -20px; padding: 10px 20px; height: auto; border-radius: 20px; position: relative;}
	.topgraphic .search-form .label-search .txt-key li{width: 100%;}
	.topgraphic .search-form .label-search .txt-key li + li{margin-top: 4px;}
	.topgraphic .search-form .label-search .txt-key li:nth-child(1),
	.topgraphic .search-form .label-search .txt-key li:nth-child(2){width: 100%;}
	.topgraphic .search-form .label-search .txt-key li:not(:last-child):before{display: none;}
	.topgraphic .search-form .label-search .txt-key .form-control{width: 100%;}
	.topgraphic .search-form .label-search .btn-search{position: relative; top: -5px; right: 0; width: 100%; border-radius: 40px; padding: 0 10px; height: 35px; line-height: 35px; background-color: $color-light; color: $color-danger;}
	.topgraphic .search-form .label-search .btn-search:before{content: 'Search'; font-family: 'DMSans'; font-weight: 500; font-size: 13px;}
	.topgraphic .search-form .label-search .btn-search img{display: none;}
	.topgraphic .search-form .label-search .add-guest .dropdown-guest{top: -19px; width: 150px; left: 90px; box-shadow: 0 3px 6px 0 rgba($color: #000000, $alpha: 0.1); z-index: 99;}
	.topgraphic .arrows-scroll{display: none;}
	
	.wg-popular{margin-top: 0; padding-bottom: 15px;}
	.wg-popular .action{margin-top: 0;}

	.wg-camping-ground{padding-top: 15px;}
	.wg-camping-ground .camping-ground-list .slick-list{margin: 0 -7.5px;}
	.wg-camping-ground .camping-ground-list .slick-list .item{padding: 0 7.5px;}
	.wg-camping-ground .action{margin-top: 0;}

	.wg-banner{padding-top: 15px; padding-bottom: 20px; min-height: inherit;}
	.wg-banner .banner-list .slick-dots{bottom: -26px;}

	.wg-text-left, .wg-text-right{padding: 20px 0;}

	.wg-news{padding-top: 20px;}
	.wg-news .news-list{min-height: 390px;}
	.wg-news .news-list .cover{padding-bottom: 60%;}
	.wg-news .news-list .wrapper-news{ height: 280px; display: flex; flex-direction: column;}
	.wg-news .news-list .wrapper-news > div{width: 100%;}
	.wg-news .news-list .wrapper-news .content{order: 2; padding: 10px; margin-top: 0;}
	.wg-news .news-list .wrapper-news .image{order: 1;}
	.wg-news .news-list .wrapper-news .content .desc.text-limit{max-height: 5.1em; height: inherit; -webkit-line-clamp: 3;}
	.wg-news .news-list .wrapper-news .content .action{left: 15px; bottom: 15px;}
	.wg-news .news-list .wrapper-news .content .action .btn{height: 23px; line-height: 23px;}
	.wg-news .news-list .slick-slide .wrapper-news{transform: scale(1) translate(0, 80px);}
	.wg-news .news-list .slick-list .item{padding: 0 10px;}
	.wg-news .news-list .slick-dots{bottom: -60px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news{height: 360px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content{margin-top: 10px; padding: 0 15px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .title{font-size: 18px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .desc{font-size: 12px;}
	.wg-news .news-list .slick-slide.slick-center .wrapper-news .content .action .btn{font-size: 14px; height: 39px; line-height: 39px;}
	.wg-news .news-list .slick-prev, .wg-news .news-list .slick-next{top: 370px; width: 35px; height: 35px; font-size: 20px;}
	.wg-news .action{margin-top: 45px;}
	.wg-news .news-list .slick-prev{left: 38%;}
	.wg-news .news-list .slick-next{right: 38%;}

	.wg-camping-style .item-list{margin: 30px -7.5px 0 -7.5px;}
	.wg-camping-style .item-list li{width: calc(100% / 2); padding: 0 7.5px; margin-bottom: 15px;}
	.wg-camping-style .action{margin-top: 10px;}
	.wg-camping-style .wrapper:hover{transform: translateY(0);}

	.wrapper-slide .body{padding: 10px;}
	.wrapper-slide .body .title{font-size: 13px;}
	.wrapper-slide .body .desc{font-size: 13px; padding-top: 10px;}

	.site-footer{padding-top: 20px; padding-bottom: 20px;}
	.site-footer .link .brand{width: 150px; margin-bottom: 30px;}
	.site-footer .h-title{font-size: 18px;}
	.site-footer .link{line-height: 0.7;}
	.site-footer .social-list .item-list{justify-content: flex-start; margin-top: 15px;}
	.site-footer .ft-bt{padding-top: 20px; text-align: center;}
	.site-footer .policy{padding-bottom: 20px; width: 100%; display: flex; justify-content: center;}

	.btn{height: 35px; line-height: 35px;}


	.h-title{font-size: 22px;}

	.wrapper-slide .favorite{width: 30px; top: 15px; right: 15px;}

	.daterangepicker{margin-top: 0;}

	.ui-widget{top: 287px !important; left: 43px !important; box-shadow: 0 3px 6px 0 rgba($color: #000000, $alpha: 0.1);}

	// booking all
	.site-header.acc-header .secure{margin-left: 120px;}
	.site-header.acc-header .secure .link{font-size: 13px;}
	.site-header.acc-header .secure .link .icon{width: 15px;}

	.booking-page{min-height: auto; padding: 40px 0;}

	.booking-sum{font-size: 14px; line-height: 1.1em;}
	.booking-sum .h-title{font-size: 16px;}
	.booking-sum .block{padding: 15px;}

	.booking-why{margin-top: 26px;}
	.booking-why .title{font-size: 18px;}
	.booking-why .desc{font-size: 14px;}

	.booking-login{margin-top: 26px;}
	.booking-login .mail .link, 
	.booking-login .social .link{font-size: 14px;}
	.booking-login .or{padding: 10px 0;}

	.booking-login.layout-2{padding-bottom: 15px; margin-top: 16px;}

	.booking-register .form-default .form-button .action{margin-top: 15px;}
	.booking-register .form-default .form-button .action .link{font-size: 16px;}

	.payment-method .card{padding: 15px 0; padding-top: 5px;}
	.payment-method .header .link{font-size: 14px; padding: 10px 0; padding-left: 26px;}
	.payment-method .header .link::before{top: 13px;}
	.payment-method .header .link .icon{top: 8px;}
	.payment-method .form-default label{font-size: 13px; width: 67px;}
	.payment-method .form-default .form-control{font-size: 13px;}
	
	.booking-payment .h-title{font-size: 18px;}

	.booking-detail{margin-top: 15px; padding-top: 15px;}
	.booking-detail .h-title{font-size: 16px; margin-bottom: 5px;}
	.booking-detail .should{min-height: auto; padding-bottom: 20px;}
	.booking-detail .should-list{width: 100%; margin-left: 0;}
	.booking-detail .should-list .icon{width: 20px; top: 2px;}
	.booking-detail .should-list li + li{margin-top: 10px;}
	.booking-detail .policy .action{margin-top: 15px; margin-bottom: 20px;}

	
	.payment-promo{margin-top: 10px;}
	.payment-promo .link{font-size: 14px;}

	.editor-content p{font-size: 13px;}

	.checkbox-control .icon{width: 17px; height: 17px;}

	.form-default .floating-label{left: 15px;}
	.form-default .form-control{padding-left: 15px;}
	.form-default .form-control:focus ~ .floating-label, 
	.form-default .form-control:not(:placeholder-shown) ~ .floating-label{top: 6px;}

	.bookong-info{margin-right: 200px;}
	.bookong-info .h-title{font-size: 18px;}
	.bookong-info .info-header .title{font-size: 18px;}
	.bookong-info .info-detail strong{font-size: 16px;}
	.bookong-info .action .btn{font-size: 16px; margin-bottom: 15px;}

	.bookong-conclude .h-title{font-size: 14px;}
	.bookong-conclude .link{font-size: 12px;}
	.bookong-conclude .desc{font-size: 14px;}

	// footer-acc
	.site-footer.acc-footer .ft-bt{padding: 20px 0;}
	.site-footer .policy{padding-bottom: 15px;}
	.site-footer .ft-bt .copyright,
	.site-footer .link{font-size: 12px;}

	// search
	.site-header.header-search,
	.site-header.header-search.tiny{height: 80px;}
	.search-page{margin-top: 80px;}

	.campa-search-map{width: 92%; height: 50%; top: 80px;}
	.mt-xs{margin-top: 326px;}

	.menu-filter{top: 80px; position: absolute;}
	.search-page .sort .text{display: none;}
	.card{margin-top: 20px;}
	.search-page .sort li{height: 35px; line-height: 23px;}
	.search-page .sort li:first-child{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
	.search-page .sort li:last-child{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
	.card .head{width: 100%;}
	.card .head .cover{padding-bottom: 50%;}
	.card .favorite{left: 87%;}
	.pagination .link{margin: 0 2px;}

	// sign up
	.modal .modal-dialog{min-width: auto;}
	.modal .modal-body{padding: 0 15px; padding-top: 15px;}
	.modal .social .link + .link{margin-top: 10px;}
	.modal .mail .link, .modal .social .link{height: 50px; line-height: 50px; font-size: 16px;}
	.modal .or{padding: 20px 0; font-size: 16px;}
	.modal .or:before, .modal .or:after{top: 29px;}
	.modal .action{font-size: 14px;}
	.modal .desc.policy{font-size: 14px;}
	.modal .modal-footer{margin-top: 20px; padding: 0 15px;}
	.modal .form-default .form-control{height: 50px;}
	.modal .form-control-feedback{top: 18px;}
	.modal .modal-content.sign-up-fill .desc.policy{margin-bottom: 16px;}
	.modal .social .link .icon img{width: 23px;}
	.modal .remmember .title{font-size: 13px;}
	.modal .remmember .checkbox-control .icon{top: 0;}
	.btn-forgot-psw{font-size: 13px;}
	.modal .sign-in .action{margin-top: 19px;}
	
	// reset password
	.reset-password-page{margin-top: 80px; padding: 40px 15px;}
	.reset-password-page .b-reset-pass{width: 100%;}
	.reset-password-page .header .title{padding: 15px 0; font-size: 16px;}
	.reset-password-page .body{padding: 0 15px 15px 15px;}
	.reset-password-page .body .form-default .form-control{height: 45px;}
	.reset-password-page .body .form-control-feedback{top: 16px;}
	.reset-password-page .body .showPSW{top: 3px;}
	
	.form-control-feedback{width: 13px; height: 13px;}

	// profile
	.profile-page{margin-top: 60px;}
	.menu-profile{display: none;}
	.profile-page .h-title{margin-top: 20px; font-size: 20px;}
	.profile-page .wrapper-profile{padding: 10px 0;}
}

@media screen and (min-width: 768px){
	.hide-md{display: none;}
}

@media screen and (min-width: 376px) and (max-width: 575px){
	.topgraphic .search-form .label-search{top: 110px;}
}