@media (max-width: 1200px) {
.top ul li {
    margin: 0 2px;
}

#cssmenu > ul > li > a {
    font-size: 15px;
    padding: 14px 15px;
}


.products ul li {
    width: 183px;
	
}

.text-top2 ul li {
    display: inline-block;
    padding: 0px 0px;
}

nav > ul > li {
    font-size: 14px;
    padding: 0 8px;
}
nav > ul > li > a {
    font-size: 14px;
}

}


@media (max-width: 991px) {
	
		.caption-inner h3 span {
    background-color: #f57d20;
    padding-right: 20px;
    top: 0px;
    position: relative;
}
.menu-2 {
    margin-top: 10px !important;
    height: 100%;
    position: relative !important;
}



#cssmenu > ul > li > a {
    font-size: 14px;    
    margin: 25px 5px 20px 5px;
}

#search-home {
    width: 100%;
}

#search-home .search-home input {
    font-size: 14px;
}

.top-container {
    padding: 10px 0 0px 0;
}

.logo img
{
	margin:auto;
}


.products ul li {
    width: 215px;
}
.pic-inner {
    width: 300px;
    height: auto;
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.padding-left
{
	padding-left:15px;
}
.padding-right
{
	padding-right:15px;
}
.services .yellowbox
{
	 height:200px;
	 text-align:center;
	 padding:35px;
}
.mobile-menu
{
	display:block !important;
	z-index:999;
}
.pc-menu
{
	display:none;
}
.menu-logo {
     position:relative;
}

.slider-top {
    margin-top: 0px;
}
.news-bg {
    background: url(../images/left-bg.png) no-repeat center bottom;
    background-size: 100% 38%;
    padding: 50px 0;
}

.list-left {
    padding-left: 0px;
    margin-top: 70px;
}
.search-bg2 {
    background: url(../images/search-bg.png) no-repeat center bottom;
    background-size: 100% 50%;
}


}


@media (max-width: 768px) {






.menu-logo .logo img {
    margin: 0;
}

.products-inner ul li {
    margin: 10px 0;
}
.carousel-caption {
    right: 0%;
    left: 8%;
    margin: 0;
    bottom: 5px;
    width: 270px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}
.carousel-caption .title1 {
    font-size: 20px;
    margin-bottom: 10px;
}
.carousel-caption .title2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 40px;
}
.carousel-caption .title3 {
    font-size: 14px;
    margin-bottom: 20px;
}

.carousel-control span {
    padding: 18px 0px 23px 0px;
    border: 2px #e1e1e1 solid;
    width: 45px;
    height: 45px;
    border-radius: 80px;
}
.carousel-control span {
    padding: 11px 0px 23px 0px;
    border: 2px #e1e1e1 solid;
    width: 45px;
    height: 45px;
    border-radius: 80px;
}
.carousel-control span:focus, .carousel-control span:hover {
    color: #fff;
    background-color: #4e6fb5;
    padding: 11px 0px 23px 0px;
}
.carousel-control.left {
    margin-left: 5px;
}
.carousel-control.right {
    right: 5px;
}


.cate ul li {
    width: 215px;
}
.cate ul li img {
    width: 215px;
    height: 240px;
}


.text-top ul li {
    padding: 0 12px 0 0px;
}

.carousel-caption1 {
    left: 5px;
    right: 5px;    
    width: 100%;
}

.carousel-caption1 .title3-1
{
	font-size:16px;        
	color:#2e2d25;    
    margin-bottom: 20px;    
    font-weight:400;    
    height:65px;
    overflow:hidden;
}
.level-item.has-text-centered span {
    margin-left: 61%;
}
}


@media (max-width: 767px) {
.text-page2 {
    
   padding: 9px; 

}

.text-page3 {
    
    padding: 14px;
  
    padding-top: 23px;
}

.col-md-6.about img {
        margin: 0px 0px 20px 0px!important;
     height: auto!important; 
     padding: 0px!important; 
    border-radius: 40px!important;
}

#cssmenu ul{

background-color: #e68723;

}

#search-home .search-home {
   top: 10px;
    background: unset; 
  }

nav {
    
    text-align: center;
}

.heading {
  
    height: 90px;
  
}

.level-item {

    padding: 31px 10px 0px 10px;
}

.box-all {
   
   /* width: auto;*/
}

td.table-title4 {
    padding: 5px 5px 5px 5px!important;
}


.title {
    color: #1d548a;
    font-size: 23px;
}
th.table-title {
    font-size: 11px;
}

.text-top2 {
    margin-right: -48px;
}

.amazingcarousel-bullet-list {
    display: none;
}

table#ctl00_ContentPlaceHolder1_GridView1 {
    font-size: 10px;
}

table#ctl00_ContentPlaceHolder1_GridView2 {
    font-size: 13px;
}


#cssmenu #menu-button {
 
    top: 12px;
}

#cssmenu #menu-button::after {
  
    background: #ffffff;
}

#cssmenu #menu-button::before {
   
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}

.col-md-12.padding-p {
    top: 49px;
}

a#ctl00_btnSearch{

    
    left: 11px!important;
    top: 0px;
    padding: 12px!important;
    width: 44px!important;
    height: 38px!important;

}

.box-all img {
  
    height: 96px;

}

.box-all {
height: auto;
    margin: 2px;
    padding: 3px 5px;

}

.footer-text1 {
    text-align: right;
    height: 102px;
}

.footer-title {
    font-size: 29px;
}

.title-white {
margin-bottom: 56px;
    color: #1d548a;
}

.caption-carousel h2{
font-size: 29px;


}



.box-all{

width:100%;
}

.footer-text {
    margin-bottom: 14px;
    height: 127px;
}

.menu-logo .logo img 
{
    margin: 15px 0 auto 0;
    width: 195px;
}


.info ul {
    text-align: center;
}

.text-top ul li {
    padding: 0 12px 0 0px;
}

#cssmenu > ul > li > a {
    font-size: 13px;
    padding: 18px 7px 18px 7px;
}

.logo img {
    margin: auto auto 10px auto;
}

.top-container
{
	text-align:center;    
	line-height: 28px;
	padding: 10px 0 5px 0;
}

.caption-carousel {
    position: absolute;
    top: 35px;
}


.text-top 
{
    text-align: center;
}



.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: 97%;
}

.code_apply {
    width: 100%;
}



.email {
    margin-top: 5px;
}
.email img{
     margin:auto;
}
.logo-search .form-group {
    margin-bottom: 0px;
    margin-top: 5px;
}

.cart {
    margin-top: 0px;
}

.text-top2 ul li {
    padding: 0 5px;
    border-right: 0px #CCCCCC solid;
}
.cart img{
    display: inline-block;
}
.no-border {
    border-right: 0px #CCCCCC solid !important;
    margin-top: 15px;
    width:100%;
}
.cart2 {
    text-align: center;
    width: 100%;
}

.textright {
    text-align:  center;
}
.logo-search {
    padding-bottom: 0px;
}

.headline-green {
    padding: 5px 0 20px 0;
}
.headline-gray {
    padding: 5px 0 20px 0;
}


.caption-inner h3 {
    margin-bottom: 10px;
    line-height: 50px;
    overflow: hidden;
    font-size: 40px;
    text-transform: capitalize;
    margin-top: 0;
}

.cart-h {
    height: auto;
    display: table-cell;
    vertical-align: middle;    
    font-size: 14px;
}

.cart-h img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    position: absolute;
    right: 0;
}

.cart-border {
    margin:5px 0;
}

.pic-welcome {
    height: 100%;
    width: 100%;
    color: #fff;
    padding-right: 0px;    
    margin-bottom: 115px;
}

.pic-welcome img {
    height: 490px;
    object-fit: cover;
    width: 100%;
}
.link2 {
    bottom: -52px;
}

.carousel-caption .title2 {
    font-size: 30px;
}

}

@media (max-width: 480px) {



.pic-inner {
    width: 100%;
    height: auto;
    float: right;
    margin-left: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.cate ul li {
    width: 100%;
    margin: 0 0px;
}
.copyright {
    text-align: center;
}
.btn-header{
	margin-right: 14px;
}
}
@media (max-width: 376px) {
	.btn-header{
	margin-right: -23px;
}
}


@media (max-width: 320px) {
.btn-header{
	margin-right: -55px;
}

}