*{margin:0;padding:0;}
*{margin:0;padding:0;text-decoration:none}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{background:url(../images/bg.png) repeat;font-family:Roboto, Arial, sans-serif;font-size:13px}
html, body {width:100%;height:100%;}
ol, ul {margin-bottom:0;list-style:none}
a{cursor:pointer;text-decoration:none;color:#0800a3}
a:hover, a:active {text-decoration:none;list-style:none}
.warrper {width:100%;margin:0 auto;background:#fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);}
/***  ***/
.header {width:100%;box-sizing:border-box;position:relative;max-height:136px;float:left}
.header:before{content:"";background:url(../images/bg-banner.png) no-repeat right;width:100%;height:100%;position:absolute;top:0;left:0}
/*** menu **/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{width:100%;box-sizing:border-box;float:left;
background: #2f7ec3;padding:0 20px
}
.menu {z-index:1000;width:100%;float:left}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:12px 15px;font-size:13px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:500;text-transform:uppercase}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#3693e3!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:18px}
#cssmenu > ul > li.has-sub > a:after{font-weight:bold;position:absolute;top:12px;right:10px;width:5px;height:2px;display:block;content:'\f107';font-family: 'FontAwesome';}
/*#cssmenu > ul > li.has-sub > a:before{position:absolute;top:16px;right:14px;display:block;width:2px;height:8px;content:'\f107';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;font-family: 'FontAwesome';}*/
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2)}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#3693e3;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:10px 5px;width:240px;font-size:13px;text-decoration:none;color:#ddd;font-weight:500;line-height:18px}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#0774c1;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
/**** menu ngang ****/
.accordion {
 	width: 100%;
 	max-width: 222px;
 	background: #f5f5f5;
	padding-bottom:15px
 }
.accordion li {background:#f5f5f5}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 8px 15px 8px 26px;
	color: #000666;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}
.accordion .link-href {
	cursor: pointer;
	display: block;
	padding: 7px 15px 0px 24px;
	color: #000666;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}
.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 10px;
	left: 7px;
	font-size: 12px;
	color: #595959;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 15px;
}

.accordion li.open .link {
	color: #195992;
}

.accordion li.open i {
	color: #195992;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	font-size: 14px;
	box-sizing:border-box;
	padding:0 17px;
	margin-top:-8px
 }
 .submenu li a i {color:#195992!important}
 .submenu li {
	position:relative
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #195992;
 	padding: 8px 16px 0 22px;
 }

 .submenu a:hover {
 	color: #3c91cd;
 }

/****/
.content-body {width:100%;padding:0;box-sizing:border-box;display:inline-block}
.content-left {width:222px;float:left}
.content-right {width:calc(100% - 222px);float:left;padding:0 10px 0 20px;box-sizing:border-box}
.quyetdinh {width:100%;display:inline-block;}
.quyetdinh h1 {margin-bottom:5px;line-height:30px;font-size:14px;font-weight:600;color:#aa1b00;text-transform:uppercase;border-bottom:3px solid #f5f5f5}
.quyetdinh h1 span {border-bottom:2px solid #3c91cd;padding-right:20px;padding-bottom:5px;}
.quyetdinh ul li {width:25%;float:left;display:inline-block;padding:5px 3px 0;box-sizing:border-box;font-size:13px;font-weight:600}
.quyetdinh ul li a {color:#0800A3}
.quyetdinh ul li a span {color:#0800A3;padding-left:5px}
.danhmuc-menu h1 {font-size:15px;color:#fff;text-transform:uppercase;background: #3c91cd;padding:5px;box-sizing:border-box;width:100%;font-weight:500}
.danhmuc-menu h1 i {padding-right:7px;font-size:17px;}
.danhmuc-menu img {padding:5px;width: 220px}
.new h1 {background:#3c91cd;border-bottom:1px solid #ccc;color:#fff}
.new h1 i {color:#fff}
.new {border:1px solid #ccc;margin-top:10px}
.new .accordion li {background:#fff}
.div-table {width:100%;display:table;font-size:13px;position:relative}
.thead {display:table-row;background:#3c91cd}
.tbody {display:table-row;}
.th {display:table-cell;color:#fff;padding:1px 5px;font-weight:600;}
.ttvb2 .td {padding:3px 5px!important;/*float:left*/}
.td {-webkit-text-size-adjust: none;display:table-cell;color:#000;padding:5px 5px;border-bottom:1px solid #ccc;}
.td, .td:last-child {border-right:1px solid #ccc;}
.td:first-child {border-left:1px solid #ccc}
.column-1 {min-width:120px; white-space: nowrap;}
.column-2 {width:100px}
.column-2 a, .column-3 a {color:#0800a3}
.thead .column-2 a,.thead .column-3 a,.thead .column-1 a{
    color:#fff
}
.phantrang a:visited{
    color:#2084ca!important;
}
.hoatoc {background:#cc2a0d;color:#fff;padding:0px 4px;font-size:12px}
.search-right {float:right!important;margin-right:20px; width:200px}
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
	margin-top:6px;
}
.input-group .form-control {
    border-radius: 2px 0 0 2px;
    color: #000;
	background-color: #fff;
    border: 1px solid transparent;
    box-shadow: none;
    height: 26px;
	 display: table-cell;
	  float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
	padding: 0px 12px;
}
.input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap;
	vertical-align: middle;
	 width: 1%;
	  display: table-cell;
}
.btn-flat {
    border-radius: 0;
    color: #3c91cd;
	background-color: #fff;
    border: 1px solid transparent;
    box-shadow: none;
    height: 26px;
	margin-left: -1px;
    z-index: 2;
	position: relative;
	padding: 2px 12px;
	font-size: 14px;
	display: inline-block;
}
.hidden2 {display:none}
.footer {background:#3c91cd;text-align:center;color:#fff;font-size:14px;padding:5px 0;margin-top:5px;position:relative}
.footer p {padding:3px 0 0;}
/*.footer p i {padding:0 5px 0 10px}*/
/*** 22/8 ***/
.ttvb {display:inline-flex;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;float:left;box-sizing:border-box;width:100%}
.ttvb .column-1{font-weight:500;}
.ttvb .column-4{width: calc(100% - 120px)!important}
.ttvb .td, .ttvb .th {border-bottom:0}
.ttvb.first{
    border-top:1px solid #ccc;
}
.ttvb .td:last-child {border-right:0}
.ttvb .td:first-child {border-left:0}
.h3 {margin-bottom:10px}
.with-100 {width:100%;display:block;margin-top:10px}
.padding-10 {padding-left:8px}
.phantrang {width:100%;margin:5px 0;font-size:13px;color:#000}
.mg-0 {margin:5px 0 0;display:inline-block}
select.form-control  {padding:0px 5px;border:1px solid #ccc;margin:0 5px}
.col-left {float:right}
.col-right {float:right;margin-left:10px}
.pagination li {float:left;ddoissplay:inline-block;padding:3px 5px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.prev {border-radius:3px 0 0px 3px;}
.next {border-radius:0 3px 3px 0;border-left:1px solid #ccc!important;border-right:1px solid #ccc!important;}
.active {background:#2084ca;}
.active a {color:#fff}
.pagination .active a {color:#fff!important;}
.group {position:absolute;width:100%}
.colspan-3 {position: absolute;
    width: 100%;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:10px 5px;box-sizing:border-box}
/*** css mobile ****/
.boxes {
  margin: auto;
}

/*Checkboxes styles*/
.boxes input[type="checkbox"] { display: none; }

.boxes input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:14px;
  font-weight:600
}

.boxes input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.boxes input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #3c91cd;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.boxes input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-item label {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 15px;
}
.form-styling {
    border:1px solid #3c91cd;
    border-radius: 20px;
    height: 35px;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 100%;
	 color: #333;
    font-size: 14px;
	font-weight:600;
	font-family:Roboto
}
.btn-signin {
    border: medium none;
    border-radius: 20px;
    float: left;
    height: 35px;
    width: 100%;
	background:#3c91cd;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	margin-top:20px;
	cursor:pointer
}	
.ip-row {width:50%;float:left;box-sizing:border-box;padding:10px 10px}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-styling.error {border-color:red}
.form-item label.error {display:none!important}
.col-4 {width:33.3333%;float:left}
.col-3 {width:25%;float:left}
.col-6 {width:50%;float:left}
.col-12 {width:100%;float:left}
.col-8 {width:66.66666%;float:left}
.form-group {
    margin-bottom: 0px;
	padding:0 10px;
	box-sizing:border-box;
	margin-top:5px
}
.control-label {font-size:13px;color:#333;font-weight:600;margin-bottom:5px;display:inline-block}
.form-ip {
    background-color: #fff;
    background-image: none;
    border: 1px solid #cfcaca;
    color: #555;
    display: block;
    font-size: 13px;
    height: 22px;
    padding:0px 5px;
    width: 100%;box-sizing:border-box}
.btn-tk {border:0;background:#04559e;color:#fff;font-size:13px;font-weight:500;padding:3px 10px;float:right;cursor:pointer;margin-top:3px}	
.search-show {position:absolute;right:0px;top:25px;z-index:9999;}
.search-show a {margin-right:2px;float:left;width:30px;text-align:center;}
.btn-show img, .btn-destop img {width:24px}
.hidden3 {display:none}
.hidden4 {display:none}
.nangcao {color:#3c91cd;width:24px;border-left:1px solid #ccc;border-radius:0 2px 2px 0;background:#fff;font-size:14px;text-align:center;cursor:pointer}
.underline{
    text-decoration: underline !important;
}
.right{
    float: right;
}
.img-cong-bao{
    width: 220px;margin-top: 10px;
}
.open {display:block}
.close {display:none}
.logo {position:relative;z-index:10}
.laco {margin-top:0;width:100%;max-width:293px}
.logo-8 {width:75%;float:left}
.logo-4 {width:25%;float:right}
.text-center{text-align: center}
.text-middle{vertical-align: middle}
.text-justify{text-align: justify}
/***/
.download-android {top:20px;right:15px;}
.download-android img {width:120px}
.input-group .input-group-addon {
    border-radius: 0;
    border:1px solid #d2d6de;
    background-color: #fff;
	display: table-cell;
	width: 1%;
        padding: 0 10px;
white-space: nowrap;
vertical-align: middle;
}
.col-ngay {width:100%}
.ip-4 {width:calc(50% - 10px);float:left}
.lable-den {width:20px;float:left;text-align:center}
.ip-4 .input-group {margin-top:0}
.ttvb .td {/*display:inline-block*/}
.chuyen-trang, .pagination{float:left}
.chuyen-trang{margin:3px 0 0 10px}
.body-flex{display:flex;}
.left-content{padding-left:20px;min-width: calc(100% - 220px);}
.right-qc {width:220px;align-items:center}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	height:420px;
	 display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.carousel-item{width:50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	display:flex;
	flex-direction:column;
	height:100%;
}
.card-item{position:relative;height:50%;padding:5px}
.card-item img {width:100%;height:100%}
.card-item h3 {width:calc(100% - 10px);height:36px;text-align:center;color:#fff;text-transform:uppercase;font-size:18px;background:rgba(8, 115, 197, 0.5);position:absolute;bottom:5px;left:5px;line-height:36px;font-weight:500}
.card{width:100%}
.card img {width:100%;height:100px}
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.logo-lienket{width:100%;display:inline-block;margin-top:20px}
#myCarousel1{margin-top:10px}
#myCarousel1 .carousel-inner {

	height:auto
}

#myCarousel1 .carousel-item {

  width:25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	padding:0 5px
}
.carousel-item.active {background:transparent}
.carousel-control-prev-icon i, .carousel-control-next-icon i {font-style:normal}
@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: -29px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  opacity: 1;
}
#myCarousel1 .carousel-control-prev,
#myCarousel1 .carousel-control-next {top:-39px}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  right: 34px;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  font-size:24px;color:#0873c5
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@media (min-width: 667px) {
  /* show 3 items */
  #myCarousel .carousel-inner .active,
  #myCarousel .carousel-inner .active + .carousel-item{
    display: block;
  }
  #myCarousel1 .carousel-inner .active,
  #myCarousel1 .carousel-inner .active + .carousel-item,
  #myCarousel1 .carousel-inner .active + .carousel-item + .carousel-item,
  #myCarousel1 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item{
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  #myCarousel1 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #myCarousel1 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  #myCarousel1 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
#myCarousel1 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item,
#myCarousel1 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  #myCarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  #myCarousel1 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }

  #myCarousel .carousel-inner .carousel-item {
    margin-right: 0%;
  }

  #myCarousel1 .carousel-inner .carousel-item {
    margin-right: 0%;
  }
}
@media (max-width: 180px) and (max-width: 767px) {
  #myCarousel .carousel-inner div.carousel-item {
    margin-right: 100%;
  }

  #myCarousel1 .carousel-inner div.carousel-item {
    margin-right: 100%;
  }
}