@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flamenco';
    src: url('../fonts/Flamenco.otf');
    src: url('../fonts/Flamenco.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

.tm-ic{background: url(../images/front/sprite.png) no-repeat;}

/*===================================================================*/
.header-top{background: #fff url(../images/front/bg-top-hd.png) no-repeat center bottom; padding: 30px 0 20px;}
.hot-line{background: url(../images/front/bg-hotline.png) no-repeat center right; padding: 10px 0 10px;}
.hot-line span{font: 400 13px/20px 'Roboto', sans-serif; color: #444; margin-right: 5px;}
.hot-line strong{color: #ff383e; font: 400 16px/20px 'Montserrat-SemiBold', sans-serif;}

.menu-top{position: relative;}
ul.tm-top{margin: 0 -20px;}
ul.tm-top li{float: left; position: relative; padding: 0 20px; position: relative; z-index: 200;}
ul.tm-top li a{display: inline-block; font: 400 13px/20px 'Roboto', sans-serif; color: #444; text-transform: uppercase; position: relative; padding-bottom: 10px;}
ul.tm-top li:hover a.sub-tm:after{width: 100%; height: 2px; content: ''; display: block; background: #1e489a;position: absolute; left: 0; top: 24px;}
ul.tm-top li.current-menu-item a,
ul.tm-top li:hover a{color: #2b55a7;}
ul.tm-top li:after{content: ''; width: 1px; height: 9px; background: #9c9c9c; display: block; position: absolute; right: 0; top: 5px;}
ul.tm-top li:last-child:after{display: none;}
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.menu-top ul.tm-top li ul {width: 210px; position: absolute; background: #467be2;opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 100; left: -5px; top: 0px; padding: 10px 25px;}
.menu-top ul.tm-top li:hover > ul{display: block; opacity: 1; visibility: visible; top: 26px; left: -5px; }
.menu-top ul.tm-top li ul li {float: none; padding: 0; width: 100%;}
.menu-top ul.tm-top li ul li:after{display: none;}
.menu-top ul.tm-top li ul li a{color: #e6eeff; text-transform: capitalize; padding: 6px 0;}
.menu-top ul.tm-top li ul li a:before{content: ''; width: 12px; height: 14px; background: url(../images/front/sprite.png) no-repeat 0 -22px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.menu-top ul.tm-top li ul li a:hover:before{background-position: 0 0;}
.menu-top ul.tm-top li ul li a:hover{color: #00ff58;}


.header-bot{background: #3c763d; height: 52px;}
.tm-menu{position: relative;}
ul.menu{}
ul.menu li{float: left; position: relative; z-index: 100;}
ul.menu li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; border-bottom: 7px solid transparent; padding: 17px 24px 8px;}
ul.menu li:hover a,
ul.menu li.current-menu-item a,
ul.menu li.active a{background: #2b55a7; border-color: #1e489a;}
.tm-menu ul.menu li ul {width: 260px; position: absolute; background: #467be2;opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 10; left: 0; top: 0px; padding: 10px 25px;}
.tm-menu ul.menu li:hover > ul{display: block; opacity: 1; visibility: visible; top: 52px; left: 0; }
.tm-menu ul.menu li ul li {float: none; width: 100%;}
.tm-menu ul.menu li ul li a{color: #e6eeff; text-transform: capitalize; padding: 6px 0; background: transparent; border: none;}
.tm-menu ul.menu li ul li a:before{content: ''; width: 12px; height: 14px; background: url(../images/front/sprite.png) no-repeat 0 -22px; display: inline-block; margin-right: 10px; vertical-align: middle;}
.tm-menu ul.menu li ul li a:hover:before{background-position: 0 0;}
.tm-menu ul.menu li ul li a:hover{color: #00ff58;}

.tm-social{padding: 19px 0;}
.tm-social ul{overflow: hidden; margin: 0 -10px;}
.tm-social ul li{float: left; padding: 0 10px; }
.tm-social ul li a{display: block; height: 14px; text-indent: -9999px; }
.tm-social ul li a.tm-f{background-position: -22px 0; width: 8px;}
.tm-social ul li a.tm-g{background-position: -50px 0; width: 14px;}
.tm-social ul li a.tm-t{background-position: -84px 0; width: 17px;}
/*==========================================================================*/
.slider{overflow: hidden; position: relative;}
.slider .container{height: 100%; position: relative;}
.camera_caption,
.camera_caption > div{background: transparent; padding: 0; width: 100%; height: 100%;}
.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.slider h3{animation: top_ 1s forwards; width: 100%; position: absolute; left: 15px; top: 50%; margin-top: -41px; text-align: center; z-index: 1;}
.slider h3 span{font: 400 20px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; background: rgba(239, 79, 83, .9); text-transform: uppercase; padding: 15px 40px;}
.slider p{animation: bot_ 1s forwards; width: 100%; position: absolute; left: 15px; bottom: 50%; margin-bottom: -40px; text-align: center;}
.slider p span{ font: 500 20px/20px 'Flamenco', sans-serif; color: #fff; background: #2871ff; padding: 19px 65px 11px; display: inline-block;}
@keyframes top_ {0%{top:0;} 100% {top:50%;} }
@keyframes bot_ {0%{bottom:0;} 100% {bottom: 50%;} }
.camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative;z-index: -1;}
.camera_pag{position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 10;}
.camera_wrap .camera_pag .camera_pag_ul{text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li{width: 15px; height: 15px; background: url(../images/front/sprite.png) no-repeat -52px -22px; margin: 0 4px; padding: 0; text-indent: -9999px;}
.camera_wrap .camera_pag .camera_pag_ul li span{display: none;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-position: -22px -22px;}

a.view-all{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: inline-block;}
a.view-all:hover{color: #00b43e;}
a.view-all i{width: 4px; height: 7px; background-position: -72px -25px; display: inline-block; margin-right: 6px;}
a.view-all:hover i{background-position: -82px -25px;}

.tm-title{position: relative; margin-bottom: 18px; padding: 0 18px;}
.tm-title:before{width: 3px; height: 30px; display: block; content: ''; background: #ff383e; position: absolute; left: 0; bottom: 0;}
.tm-title:after{width: 3px; height: 30px; display: block; content: ''; background: #ff383e; position: absolute; right: 0; bottom: 0;}
.tm-title h2{border-bottom: 1px solid #dbe3ea; display: block;}
.tm-title span{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; padding-bottom: 10px; display: inline-block;}
.tm-title a.view-all{position: absolute; right: 18px; bottom: 8px;}
.tm-car .tm-title a.view-all:before{position: absolute; left: -20px; bottom: 4px; width: 1px; height: 13px; background: #dbe3ea; display: block; content: '';}

.tm-content{margin-top: 55px;}
.tm-content-left{width: calc(100% - 320px); float: right;}
.tm-content-right{width: 270px; float: left;}

.tm-car{margin-bottom: 40px; overflow: hidden;}
.tm-list-car span.tm-new{width: 50px; padding: 2.5px 0; text-align: center; background: #00b43e; color: #fff; border-radius: 2px; position: absolute; left: 20px; top: 20px;}
.tm-list-car span.tm-price{width: 100px;padding: 2.5px 0;text-align: center;background: #ff383e;color: #fff;border-radius: 2px;position: absolute;right: 20px;top: 20px;}
.tm-list-car button{width: 19px; height: 19px; display: block; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; padding: 0; margin: 0; position: absolute; top: -47px; border: none; }
.tm-list-car button.slick-prev{background-position: -4px -48px; right: 163px;}
.tm-list-car button.slick-next{background-position: -33px -48px; right: 134px;}
.tm-list-car button.slick-prev:hover{background-position: -4px -67px;}
.tm-list-car button.slick-next:hover{background-position: -33px -67px;}

.tm-list-car .slick-list{margin: 0 -15px;}
.tm-list-car ul{width: calc(100% - 1px);}
.tm-list-car ul li{text-align: center; padding: 0 15px;}
.tm-list-car .detail{padding: 20px; border-left: 1px solid #dbe3ea; border-right: 1px solid #dbe3ea; position: relative;}
.tm-list-car .detail:after{content: ''; border-bottom: 1px solid #dbe3ea; height: 1px; display: block; position: absolute; left: 20px; right: 20px; bottom: 0px;}
.tm-list-car a.img{display: block; height: 180px; background: #fff; line-height: 180px; vertical-align: middle;}
.tm-list-car h3{margin: 10px 0 5px; text-transform: uppercase;}
.tm-list-car h3 a{font: 500 15px/20px 'Roboto', sans-serif; color: #2c2c2c;}
.tm-list-car h3 a:hover{color: #00b43e;}
.tm-list-car span{font: 400 13px/20px 'Roboto', sans-serif;color: #555;display: block;margin-bottom: 5px;}
.tm-list-car p span{display: inline-block;}
.tm-list-car p span.out-pr{text-decoration: line-through; margin-right: 15px;}
.tm-list-car a.view-all{background: #1a8af3; width: 135px; padding: 7px 0; color: #fff; border-radius: 20px;}
.tm-list-car a.view-all:hover{background: #00b43e;}
.tm-list-car a.view-all i{background-position: -92px -25px;}
#wrapper .cl-rd{color: #ec1b23; font-style: initial;}
#wrapper .cl-bl{color: #1a8af3; font-style: initial;}

.tm-location{}
.tm-location .detail{border: none; padding: 0;}
.tm-location .detail:after{display: none;}
.tm-location a.img{border-radius: 4px; overflow: hidden; height: 200px;}
.tm-location a.img img{width: 100%; height: 100%;}
.tm-location h3{text-transform: capitalize;}

.list-blog{}
.list-blog ul{margin: 0 -10px;}
.list-blog ul li{padding: 0 10px; float: left; width: 25%; margin-bottom: 20px;}
.list-blog a.img{height: 160px; border-radius: 4px; overflow: hidden; display: block;}
.list-blog a.img img{width: 100%; height: 100%; display: block;}
.list-blog h3{margin: 10px 0 5px; overflow: hidden; height: 36px;}
.list-blog h3 a{font: 500 14px/18px 'Roboto', sans-serif; color: #333;}
.list-blog h3 a:hover{color: #00b43e;}
.list-blog span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; display: block;}

.tm-banner{position: relative; margin-bottom: 35px; text-align: center;}
.tm-banner p{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.tm-banner p:before{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ''; background: rgba(26, 138, 243, .3);}
.tm-banner p span{width: 100%; height: 100%; display: table;}
.tm-banner p a{width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 0 40px; font: 400 18px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; position: relative; z-index: 10;}
.tm-banner p a:after{content: ''; display: block; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, .3); z-index: 1;}


.tm-blog{margin-bottom: 10px;}


h3.tm-tl-sm{font: 400 15px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; padding: 15px 20px 15px; background: #ff383e;}
h3.tm-tl-sm i.tm-ic{width: 16px; display: inline-block; vertical-align: middle; margin-right: 10px;}
h3.tm-tl-sm i.tm-sp{height: 16px; background-position: -58px -47px;}
h3.tm-tl-sm i.tm-dm{height: 10px; background-position: -84px -47px;}
h3.tm-tl-sm i.tm-tx{height: 15px; background-position: -110px -68px;}
h3.tm-tl-sm i.tm-zv{height: 12px; background-position: -112px 0;}

.tm-bl-right{margin-bottom: 40px;}
.tm-bl-right .tm-bx-if{border: 1px solid #dbe3ea; padding: 2px 20px; border-top: none; border-radius: 0 0 5px 5px;}

ul.list-sp{}
ul.list-sp li{border-bottom: 1px solid #dbe3ea; padding: 13px 0;}
ul.list-dm li:last-child,
ul.list-sp li:last-child{border-bottom: none;}
ul.list-sp li span{font: 400 14px/20px 'Roboto', sans-serif; color: #444;}
ul.list-sp li span.phone{display: block; color: #ff383e; font-size: 16px; margin-top: 5px;}
ul.list-sp li span i.tm-ic{display: inline-block; margin-right: 6px; vertical-align: sub;}
ul.list-sp li span.phone .tm-ic{width: 11px; height: 11px; background-position: -110px -47px; vertical-align: middle;}
ul.list-sp li span .tm-yh{width: 16px; height: 16px; background-position: -59px -68px;}
ul.list-sp li span .tm-sk{width: 16px; height: 16px; background-position: -83px -68px; margin-left: 30px;}

ul.list-dm{}
ul.list-dm li{border-bottom: 1px solid #dbe3ea; padding: 13px 0;}
ul.list-dm li a{font: 400 14px/20px 'Roboto', sans-serif; color: #444;}
ul.list-dm li a:hover{color: #00b43e;}
ul.list-dm li a .tm-ic{width: 12px; height: 14px; background-position:  -114px -17px; display: inline-block; margin-right: 10px; vertical-align: middle;}
ul.list-dm li a:hover .tm-ic{background-position: -114px -31px;}

.thue-xe .tm-bx-if{padding: 18px 20px 20px;}
.thue-xe .tm-bx-if .view-all{background: #1a8af3; width: 135px; padding: 7px 0; color: #fff; border-radius: 20px; border: none; font: 400 14px/20px 'Roboto', sans-serif; margin: 2px auto; display: block;}
.thue-xe .tm-bx-if .view-all:hover{background: #00b43e;}
.thue-xe .tm-bx-if .view-all i{width: 4px; height: 7px; background-position: -92px -25px; display: inline-block; margin-right: 6px;}

ul.list-form{}
ul.list-form li{margin-bottom: 10px;}
ul.list-form li:last-child span{float: none; display: block; width: 100%; margin-bottom: 5px;}
ul.list-form li:last-child .form-control{border: 1px solid #eff3f6; box-shadow: 0 0 0 transparent !important; height: 60px; background: #eff3f6; font: 400 13px/17px 'Roboto', sans-serif; resize: vertical;}
ul.list-form>li>span{display: block; width: 70px; float: left; font: 400 14px/20px 'Roboto', sans-serif; color: #555; margin-top: 5px;}
ul.list-form li .if-form{width: calc(100% - 70px); float: right;}
ul.list-form li .if-form .form-control{border: 1px solid #eff3f6; box-shadow: 0 0 0 transparent !important; height: 30px; background: #eff3f6; font: 400 13px/17px 'Roboto', sans-serif;}
ul.list-form li .if-form .form-wt{border: 1px solid #dbe3ea; background: #fff;}
ul.list-form li .if-form .tm-date{background: #fff url(../images/front/ic-date.png) no-repeat calc(100% - 11px) center;}
ul.list-form li .if-form label{width: 100%;position: relative;cursor: pointer;}
ul.list-form li .if-form label:after {content:''; right: 11px; top:50%; margin-top: -2px; position:absolute; pointer-events:none; width: 7px; height: 4px; background: url(../images/front/sprite.png) no-repeat -102px -25px; }
ul.list-form li .if-form select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}

.tm-zalo .tm-bx-if{padding: 15px 20px 20px;}
.tm-zalo span{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: block; margin-bottom: 5px;}
.tm-zalo strong{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #ec1b23; display: block;}





.datepicker{margin-top: -237px;}
.table-condensed > thead > tr > th{padding: 2px; font: 500 14px/20px 'Roboto', sans-serif; color: #333;}
.table-condensed > tbody > tr > td{padding: 2px; font: 400 13px/20px 'Roboto', sans-serif; color: #454545;}


#footer{background: #2b55a7 url(../images/front/bg-footer.png) no-repeat center; padding: 40px 0;}
#footer h2{margin-bottom: 10px;}
#footer h2 a{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase;}
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; margin-bottom: 10px;}
#footer p span{color: #c7daff;}
#footer a:hover{color: #00ff58;}
ul.menu-bot{overflow: hidden; margin: 0 -10px;}
ul.menu-bot li{float: left; padding: 0 10px;}
ul.menu-bot li a{font: 400 13px/20px 'Roboto', sans-serif; color: #c7daff; text-transform: uppercase;}

#footer .tm-social{background: url(../images/front/bg-footer-sc.png) no-repeat right -72px center;}
.ft-right{font: 400 13px/20px 'Roboto', sans-serif; color: #c7daff; text-align: right;}
.ft-right a{color: #c7daff;}


.mm-menu{background: #418001;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar .mm-title{font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.mm-listview>li>a{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {background: rgba(40, 93, 197, 0.38); }
.mm-listview>li:not(.mm-divider):after{left: 0;}
.mm-navbar,
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {border-color: #4783F7; }
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.mm-highest .mm-listview a{text-transform: capitalize;}
/*==========================================================================*/
a.button-mnt {position: absolute; z-index: 1000; top: 25px; right: 0; width: 30px; height: 24px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; display: none; }
a.button-mnt::before,
a.button-mnt::after,
a.button-mnt span {background: #FF383E;}
a.button-mnt::before,
a.button-mnt::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; pointer-events: none; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
a.button-mnt span {position: absolute; left: 0; top: 12px; overflow: hidden; width: 100%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
a.button-mnt::before {-webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); }
a.button-mnt::after {-webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); }

a.menu-button {position: absolute; z-index: 1000; top: 13px; left: 0; width: 30px; height: 24px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; display: none; }
a.menu-button::before,
a.menu-button::after,
a.menu-button span {background: #fff;}
a.menu-button::before,
a.menu-button::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; pointer-events: none; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
a.menu-button span {position: absolute; left: 0; top: 12px; overflow: hidden; width: 100%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
a.menu-button::before {-webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1); }
a.menu-button::after {-webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1); }
.mm-opened a.menu-button span {opacity: 0; }
.mm-opened a.menu-button::before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.mm-opened a.menu-button::after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

@-moz-document url-prefix() { 
    
}

@media (max-width: 1190px){
    ul.menu li a{padding: 17px 15px 8px;}
    .tm-social ul{margin: 0 -7px;}
    .tm-social ul li{padding: 0 7px;}
    ul.tm-top{margin: 0 -15px; overflow: hidden;}
    ul.tm-top li{padding: 0 15px;}
    .hot-line{background: transparent;}
    .list-blog ul li{width: 33.33%;}
    ul.menu-bot{margin: 0 -5px;}
    ul.menu-bot li{padding: 0 5px;}
    #footer .tm-social{background: transparent; text-align: right; overflow: hidden;}
    #footer .tm-social ul{display: inline-block;}
    #footer .tm-social ul li a{text-indent: 9999px;}
}
@media (max-width: 990px){
    .tm-right-top{position: relative;}
    a.menu-button{display: block;}
    .tm-menu ul.menu{display: none;}
    .hot-line {position: absolute; top: -31px; right: 0; padding: 5px 0; width: 250px;}
    .hot-line strong{font-size: 14px;}
    .menu-top a.button-mnt{display: block;}
    .menu-top ul.tm-top{display: none; width: 200px; background: #FF383E; position: absolute; right: 0; top: 60px; padding: 8px 0 15px; margin: 0; border-radius: 0 0 4px 4px; z-index: 20;}
    ul.tm-top li:hover a.sub-tm:after,
    ul.tm-top li:after{display: none;}
    .menu-top ul.tm-top li{float: none; padding: 0;}
    .menu-top ul.tm-top li a{color: #fff; padding: 7px 15px; border-bottom: 1px solid #FF686D; display: block;}
    .menu-top ul.tm-top li a:hover{color: #373E4C;}
    .menu-top ul.tm-top li a.sub-tm{background: #DC2E33; border-bottom: 1px solid #E6373C;}
    #wrapper .menu-top ul.tm-top li ul{width: 100%; position: relative; left: 0; top: 0; display: block; visibility: visible; opacity: 1; padding: 5px 15px; background: #DC2E33;}
    #wrapper .menu-top ul.tm-top li li a{border-bottom: none; padding: 5px 0;}

    .tm-content-left {width: calc(100% - 300px);}
    .list-blog ul li{width: 50%;}

    #footer .pull-left{width: 100%; float: none !important;}
    #footer .pull-right{width: 100%; float: none !important;}
    .ft-right,
    #footer .tm-social{text-align: left;}
}
@media (max-width: 750px){
    .slider p{display: none;}
    .slider h3 span{font-size: 17px; padding: 5px 40px; margin: 0;}
    .tm-content-left,
    .tm-content-right{width: 100%; float: none;}
    ul.list-form li span{width: 100px;}
    ul.list-form li .if-form {width: calc(100% - 100px); }
    .tm-like-box{margin-bottom: 30px;}
}
@media (max-width: 680px){
    .tm-content{margin-top: 35px;}
    div#sync1 img {height: 250px;}
    div#sync2 img {height: 80px;margin-bottom: 15px;}
}
@media (max-width: 630px){
    ul.menu-bot{display: none;}
    div#sync1 img {height: 200px!important;}
    div#sync2 img {height: 60px!important;margin-bottom: 15px;}
}
@media (max-width: 500px){
    .logo{width: 220px; margin: 10px 0 0;}
    a.button-mnt{top: 17px;}
    div#sync1 img {height: 200px!important;}
    div#sync2 img {height: 60px!important;margin-bottom: 15px;}
.tm-list-car a.view-all {
    width: 100%!important;
}

.tm-list-car ul li {
    padding: 0 3px;
}
}
@media (max-width: 420px){
    .tm-car .tm-title a.view-all:before{display: none;}
    .tm-list-car button{top: 50%; margin-top: -10px;}
    .tm-list-car button.slick-next{right: 0;}
    .tm-list-car button.slick-prev{left: 0; right: auto;}
    .slider h3 span{font-size: 12px; padding: 5px 20px;}
    .tm-title a.view-all{bottom: 10px;}
    div#sync1 img {height: 200px!important;}
    div#sync2 img {height: 60px!important;margin-bottom: 15px;}
.tm-list-car a.view-all {
    width: 100%!important;
}

.tm-list-car ul li {
    padding: 0 3px;
}
}

@media (max-width: 325px){
    .tm-title span{font-size: 14px;}
    .list-blog ul li{width: 100%;}
    ul.list-form li span{width: 80px;}
    ul.list-form li .if-form {width: calc(100% - 80px); }
.tm-list-car a.view-all {
    width: 100%!important;
}

.tm-list-car ul li {
    padding: 0 3px;
}
}