@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300i,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@font-face {
	font-family: 'droidSans';
	src: url('../webfonts/DroidSans-webfont.eot');
	src: url('../webfonts/DroidSans-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../webfonts/droidsans-webfont.woff2') format('woff2'), url('../webfonts/DroidSans-webfont.woff') format('woff'), url('../webfonts/DroidSans-webfont.ttf') format('truetype'), url('../webfonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'droidSans';
	src: url('../webfonts/DroidSans-Bold-webfont.eot');
	src: url('../webfonts/DroidSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../webfonts/droidsans-bold-webfont.woff2') format('woff2'), url('../webfonts/DroidSans-Bold-webfont.html') format('woff'), url('../webfonts/DroidSans-Bold-webfont-2.html') format('truetype'), url('../webfonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
	font-weight: 700;
	font-style: normal;
}

/* Menu */
#navbar {
	background-color:#1b5e20;
	position: fixed;
	top: 0;
	width: 100%;
	display: block;
	transition: top 0.3s;
	z-index: 1000;
  }

  .dropbtn {
	background-color: #1b5e20;
	color: white;
	padding: 16px 16px 8px 16px;
	font-size: 16px;
	border:none;
	border-bottom: 5px solid transparent;
  }
  
  .dropdown {
	float: left;
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	width: 280px;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;
  }

  .dropdown-content-2 {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 350px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    margin-top: -50px;
    left: 0;
    }
  .mna{max-height: 50px;}

  
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd;color: #66bb6a;}
  
  .dropdown:hover .dropdown-content {display: block;}
  .dropdown-content .a:hover .dropdown-content {display: block;}

  .mna:hover > .dropdown-content-2 {display: block; margin-left: 280px;position: relative;}
 
  
  .dropdown:hover .dropbtn {border-bottom: 5px solid #66bb6a;color: #66bb6a;}

  #drd-seach{
	  padding-left: 5%; float: left;
  }
  #drd-language{
	padding-left: 15px; float: left;
  }
  /* Hết Menu */


  /* Back to top start */
  .top-link {
	transition: all 0.25s ease-in-out;
	position: fixed;
	bottom: 0;
	right: 0;
	display: inline-flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	margin: 0 20px 200px 0em;
	border-radius: 50%;
	padding: 0.25em;
	width: 50px;
	height: 50px;
	background-color: #66bb6a;
	z-index: 100;
  }

  .top-link.show {
	visibility: visible;
	opacity: 1;
  }
  .top-link.hide {
	visibility: hidden;
	opacity: 25%;
  }
  .top-link img {
	fill: #66bb6a;
	width: 30px;
	padding-bottom: 3px;
  }
  .top-link:hover {
	background-color:#1b5e20;
  }
  /* Back to top end */

  /* Social Media Bar*/
  .nsmtb{
	position: fixed;
	margin-left: 5px;
	opacity: 50%;
	z-index: 1;
	top: 30%;
    
  }
  .smtb {
	position: fixed;
 	top: 30%;
	opacity: 100%;
    width: 60px;
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px #373b37;

	display: none;
	}

 .smtb ul {
	margin: 0;
	padding: 0;
    margin-top: 0;
    margin-bottom: 0rem;
}

 .smtb li {
	list-style: none;

    height: 45px;
    position: relative
}

 .smtb li a {
    color: #fff !important;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 45px;
    padding-left: 25%;
    border-bottom: 1px solid #66bb6a(0, 0, 0, .4);
    transition: all .3s linear;
    text-decoration: none !important
}

.smtb li:nth-child(1) a {
    background: #4267B2
}

.smtb li:nth-child(2) a {
    background: linear-gradient(rgb(255, 143, 178) 0%, rgb(167, 151, 255) 50%, rgb(0, 229, 255) 100%);
}

.smtb li:nth-child(3) a {
    background: #0fa3da
}

.smtb li:nth-child(4) a {
    background:  #ff0000
}


.smtb li a i {
    position: absolute;
    top: 14px;
    left: 24px;
    font-size: 15px
}

.smtb ul li a span {
    display: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}
.nsmtb:hover{
	opacity: 100%;

}
.nsmtb:hover .smtb{
	margin-top: 10px;
	opacity: 100%;
	display: block;
	margin-left: 15px;

}
.smtb a:hover {
    z-index: 1;
    width: 200px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3)
}

.smtb ul li:hover a span {
    padding-left: 30%;
    display: block;
    font-size: 15px
}
  /* Social Media Bar*/

  /* Chinh Sach*/
 .chinh-sach {
	position: fixed;
	display: none;
	width: 80%;
	height: 70%;
	top: 15%;
	left: 10%;
	right: 10%;
	bottom: 15;
	background-color: rgba(255, 255, 255, 0.97);
	z-index: 1000;
	cursor: pointer;
	border-radius: 15px;
	outline: none;
    border-color: 10px #1b5e20 ;
    box-shadow: 0 0 30px #66bb6a;
	overflow: auto;

  }
  .h4-chinh-sach{
	text-align: center;
	color: #66bb6a;
	margin-top: 40px;
  }
  .p-chinh-sach{
	text-align: justify;
	padding: 25px 10% 0 10%;
  }
  .span-1{
	float: left;
	margin-left: 25px;
  }
  /* Het chính Sach*/
  /* Text header*/
  .text-header{
	  height: 80px;
	  background-color: #1b5e20;	 
  }
  .text-header a{
	width: 10%;
	margin-left: 3%; 
	float: left;
	margin-top: 5px;
  }
  .text-header marquee{

	  width: 85%;
	  float: left;
	  
  }
  .text-header p{
	  margin-top: 20px;
	  font-size: 18pt;
	  color: #fff;
  }
  @media screen and (max-width: 1100px){
	.text-header marquee{
		display: none;
	}
  }
  /* het Text header*/
  /* Footer Star*/

  /* Footer End*/
  /*Trang Chu*/
  .sinfo p{
	margin-top: 3%;
  }
  .sinfo h6{
	margin: 5px;
	padding: 0;
  }
  .h2-about-txt p{
	  font-size: 15;
	  text-align: justify;
  }
  .image-index{
	  width: 555px;
	  height: 470px;
	  object-fit: cover;
	  object-position: 50%;
  }
   /*Trang Chu end*/
  /*About Ve An Binh Start*/
  .slider{
	height: 50px;
	overflow: hidden;
  }
  .slider div {
	color: #66bb6a;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	margin-bottom: 50px;
	
	text-align: center;
	box-sizing: border-box;
  }
  .slider-text1 {

	animation: slide 15s linear infinite;
  }
   @keyframes slide {
	0% {margin-top:-900px;}
	5% {margin-top:-800px;}
	11% {margin-top:-800px;}
	16% {margin-top:-700px;}
	22% {margin-top:-700px;}
	27% {margin-top:-600px;}
	33% {margin-top:-600px;}
	38% {margin-top:-500px;}
	44% {margin-top:-500px;}
	49% {margin-top:-400px;}
	55% {margin-top:-400px;}
	60% {margin-top:-300px;}
	66% {margin-top:-300px;}
	71% {margin-top:-200px;}
	77% {margin-top:-200px;}
	82% {margin-top:-100px;}
	88% {margin-top:-100px;}
	93% {margin-top:0px;}
	100% {margin-top:0px;}
  }
  /*About Ve An Binh end*/
  /*tin tuc Start*/
  .blog-single-content p{
	  text-align: justify;	  
  }
  .blog-single-content a{
	  color: #373b37;
  }
  .blog-single-content a:hover{
	  color: #1b5e20;
  }
  .hinh-minh-hoa{
	  text-align: center;
	  overflow: hidden;
  }
  .hinh-minh-hoa img{
	  height: auto; 
      width: auto;
      border-radius: 10px;
	  margin: 10px;
  }
  .hinh-minh-hoa span{
	  text-align: center;
	  font-style: italic;
	 
  }
  .blog-post p{
	  text-align: justify;
  }

  #iconGN{ color:#04a5eb;}
  /*tin tuc End*/
  /*San pham star*/
  #wrapper{
	max-width:550px;
	margin-top: 15px;
	max-height:450px;
	position:relative;
	color:#fff;
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;

  }

#slider-wrap{
	max-width:550px;
	height:450px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	list-style-type: none;
	width:100%;
	height:100%;
	margin-left:-40px;
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:550px;
	height:450px;	
}



/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	margin-top:-30px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:10px 0px 0px 10px;}
#previous{left:-50px; border-radius:0px 10px 10px 0px;}
#counter{
	top: 15px; 
	right:20px; 
	width:auto;
	position:absolute;
	color: #1b5e20
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:400px;
	
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	left: -4%;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background: #1b5e20;
	opacity:0.5;
	position:relative;
    top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}


.sp-uu-diem{
	margin-left: 25px;
}

.tab-pane h6{
  color: #66bb6a;	
	font-weight: bold;
}
.tab-pane p{
	text-align: justify;
}
.sp-ttct tr, .sp-ttct th, .sp-ttct td{
	border: hidden;
}
td{
	padding-left: 100px;
}
.sp4-l{
	background-color: #fbfbfb;
}
.sp1{
	width: 30%;
	
}

.sp3{
	font-weight: bold;
}

.sp-ttct tr:hover{
	background-color: #efefef;
	
	color: #000000;
}

.online-shop h5{
	font-weight: bold;
}
.pro-txt .pro-rating a {
	color: #faa61a;
}
.tagdmsp .partner-logos{
	padding: 10px 5px 0px 20px;
	background-color: #ffffff;
	margin-top: 30px;
}
.tagdmsp h6{
	padding-left: 5px;
	margin: 0 0 3px 0;
	color: #1b5e20;
	font-style: italic;
	font-weight: bold;
}
.tagdmsp div.item {
	width: 239px;
	padding: auto;

}
.tagdmsp a {
	background: #f7f7f7;
	color: #666666;
	border: 1px solid #eeeeee;
	display: inline-block;
	line-height: 33px;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 17px;
	margin: 0 2px 5px 0;
	width: 100%;
}
.tagdmsp a:hover {
	background: #66bb6a;
	border-color: #66bb6a;
	color: #fff;
}
.tagdmsp a.active {
	background: #66bb6a;
	border-color: #66bb6a;
	color: #fff;
}
.hinhthucte{
  width: 100%;
  display: inline;
  text-align: center;



}

  /*San pham end*/

  /*Tuyen Dung*/

  .accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
  }
  
  .active1, .accordion:hover {
	background-color:#66bb6a; 
  }
  
  .panel {
	padding: 50px;
	display: none;
	background-color: white;
	overflow: hidden;
   }

  #nut-td{
	  padding-left: 50px;
	  font-weight: bold;
	  font-style: italic;
	  font-size: 17pt;	
  }
  #nut-td:hover{
	  color: #eeeeee;
  }
  /*Het tuyen dung*/
  /*So Sanh Hai hinh*/

  @media all and (max-width: 479px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 700px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (max-width: 599px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 800px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1000px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 768px) and (max-width: 959px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 1100px;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0;
    }
}

@media all and (min-width: 960px) and (max-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }
    .bal-container {
        margin: 0 10px;
    }
}

@media all and (min-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: 500px;
        padding: 10px;
    }
    .bal-container {
        margin: 0 10px;
    }
}

.bal-container {
	margin: 10px ;
}

.bal-container {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: grab;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bal-after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bal-before {
    display: block;
    position: absolute;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    overflow: hidden;
}

.bal-before-inset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.bal-after img,
.bal-before img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bal-beforePosition {
    background: #66bb6a;
	opacity: 90%;
    color: #fff;
    left: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.bal-afterPosition {
    background: #66bb6a;
	opacity: 90%;
    color: #fff;
    right: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 10px;
}

.beforeLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.afterLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* handle and arrow */

.bal-handle {
    height: 41px;
    width: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -21px;
    border: 2px solid #fff;
    border-radius: 1000px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.handle-left-arrow,
.handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handle-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.handle-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.bal-handle::before {
    bottom: 50%;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.bal-handle::after {
    top: 50%;
    margin-top: 20.5px;
    box-shadow: 0 0 5px rgb(12, 12, 12);
}

.bal-handle::before,
.bal-handle::after {
    content: " ";
    display: block;
    width: 2px;
    background: #fff;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
}
.mainSection h7{
	font-style: italic;
	font-weight: bold;
	color: #eeeeee;
}
/*het so sanh hai hinh*/
/* zalo */
@keyframes 
zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}
@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}
.jscroll-to-top{bottom:100px}
.fcta-zalo-ben-trong-nut svg path{fill:#fff}
.fcta-zalo-vi-tri-nut{position:fixed;bottom:24px;right:20px;z-index:999}
.fcta-zalo-nen-nut,div.fcta-zalo-mess{box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)}
.fcta-zalo-nen-nut{width:50px;height:50px;text-align:center;color:#fff;background:#0068ff;border-radius:50%;position:relative}
.fcta-zalo-nen-nut::after,.fcta-zalo-nen-nut::before{content:"";position:absolute;border:1px solid #0068ff;background:#0068ff80;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}
.fcta-zalo-nen-nut::after{animation-delay:.4s}
.fcta-zalo-ben-trong-nut,
.fcta-zalo-ben-trong-nut i{transition:all 1s}
.fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:60%;height:60%;left:10px;bottom:25px;line-height:70px;font-size:25px;opacity:1}
.fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}
.fcta-zalo-nen-nut:hover .fcta-zalo-ben-trong-nut,.fcta-zalo-text{opacity:0}
.fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}
.fcta-zalo-text a{text-decoration:none;color:#fff}
.fcta-zalo-text{position:absolute;top:6px;text-transform:uppercase;font-size:12px;font-weight:700;transform:scaleX(-1);transition:all .5s;line-height:1.5}
.fcta-zalo-nen-nut:hover .fcta-zalo-text{transform:scaleX(1);opacity:1}div
.fcta-zalo-mess{position:fixed;bottom:29px;right:58px;z-index:99;background:#fff;padding:7px 25px 7px 15px;color:#0068ff;border-radius:50px 0 0 50px;font-weight:700;font-size:15px}.fcta-zalo-mess span{color:#0068ff!important}
span#fcta-zalo-tracking{font-family:Roboto;line-height:1.5}.fcta-zalo-text{font-family:Roboto} 
/* zalo */
/* phone */
.fcta-phone-vi-tri-nut{position:fixed;bottom:120px;right:20px;z-index:999}
.fcta-phone-nen-nut{width:50px;height:50px;text-align:center;color:#fff;background:#66bb6a;border-radius:50%;position:relative}
.fcta-phone-nen-nut::after,.fcta-phone-nen-nut::before{content:"";position:absolute;border:1px solid #66bb6a;background:#66bb6a80;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}
.fcta-phone-nen-nut::after{animation-delay:.4s}
.fcta-phone-ben-trong-nut,.fcta-zalo-ben-trong-nut i{transition:all 1s}
.fcta-phone-ben-trong-nut{position:absolute;text-align:center;width:60%;height:60%;left:10px;bottom:30px;line-height:70px;font-size:25px;opacity:1}
.fcta-phone-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}
/* phone */
/* BAI VIET NOI BAT - CO DINH*/
#highlight-box {
  position: absolute;
  top: 1200px;
  height: auto; 
  overflow: hidden;
  z-index: 1000;
 
}
#highlight-box h5 {
	margin: 0 0 14px;
	color: #222222;
	font-weight: 600;
}
#highlight-box:hover {
  width: 400px;;
  right: 20%; 
  margin-left: auto;
  transition: width 0.3s ease-in-out ;
  box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
}

#highlight-box.fixed {
  position: fixed;
  top: 1000px;
}
#highlight-box.hidden {
  opacity: 0;
  pointer-events: none;
}



/* BAI VIET NOI BAT - CO DINH*/

/*MOBILE*/
@media screen and (max-width: 1000px){
	.dropdown {
		width: 100%;
	}
	#drd-seach{
		padding-left: 10px; float: left; padding-bottom: 10px;
		}
	.products-tabs .nav-tabs .nav-link{
	width: 100%;
	}
}

@media (min-width: 992px) {
  #img-logo1 {
      display: none;
  }
  #img-logo2 {
    display: block;
  }
}
@media (max-width: 991px) {
  #img-logo2 {
      display: none;
  }
  #img-logo1 {
    display: block;
  }
  #highlight-box{
    display: none !important;
  }
}