body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	input, select, textarea {
		font-family: 'Open Sans', sans-serif;
		font-size: 13pt;
		color: #696969;
		font-weight: 300;
		line-height: 2.25em;
	}

	a {
		color: #0090c5;
		text-decoration: none;
	}

	a:hover {
		text-decoration: none;
		color: #e28126;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #444;
		font-weight: 800;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			outline: 0;
		}

	h2 {
		font-size: 2.25em;
		margin: 10px 0 10px 0;
		line-height: 1em;
	}

	h3 {
		font-size: 1.35em;
		margin: 0 0 0 0;
	}

	b, strong {
		font-weight: 600;
		color: #444;
	}

	i, em {
		font-style: italic;
	}

.widthwubmenu
 {	
	margin-top:5px;
	width: 480px;
    left: -304px !important;
 }
 .tabtrangchu
 {	
	margin-top:5px;
	width: 800px;
    left: 20px !important;
 }
 .columtrangchu
 {	
	margin-top:1px;
	width: 30%;
	float:left;
 }
 
.gioithieu
 {	
	margin-top: 120px;
	max-width: 100%;
	width: 1400px;
 }
 .logo
 {	
	margin-top: 20px;
    position: absolute;
    left: 200px;
    max-width: 200px;
	background: #eeeaea;
    border-radius: 11px;
    padding-left: 6px;
 }
.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #0090c5;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 800;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.35em;
		padding: 0.6em 1.5em;
	}


#footer-wrapper {
		padding: 1em 0 2em 0;
		    background: #dfe4e4;
	}
.container img
   {max-width:100%;
    padding:10px;}
.supmenu
{text-decoration:normal;
font-weight:bold;
}
.supmenu a
{ margin: 10px;
}
 .boxhotline
  {height: 1px;
    width: 1px;
	overflow:hidden;
	}
    .tinright
    {float:left;
      margin-bottom: 2px;
     }
  .post-thumb
     {float:left;
      width:30%;
      }
   .post-thumb img
   {width:95%;}
   .post-title
      {float:left;
      width:69%;}

  .boxright
      {float:left;
      }   
  .boxright img
      {width:100%;
          }
  .product-left1
  {width:100%;
    border: 1px solid #a9a9a930;
    border-radius: 5px;
     margin: 2px;
     }

  .product-container
  {width:24%;
    border: 1px solid #a9a9a930;
    border-radius: 5px;
     margin: 2px;
     }
   .tin-container
  {width:49%;
    border: 1px solid #a9a9a930;
    border-radius: 5px;
     margin: 2px;
     } 
     .tin-container-left
  {width:30%;
   float:left;
     }  
.tin-container-left img
      {width:100%;
	  padding:10px;
          }
 .tin-container-right
  {width:70%;
   float:left;
     } 
 .info4
  {
      width:25%;
      padding:2px 2px 2px 2px;
      float:left;
      
      }   
.foter2 {
		width:50%;
		float:left;
		
	}
.mid2 {
		width:50%;
		float:left;
		
	}
.mid1 {
		width:100%;
		float:left;
		
	}	  
	  
	

	@media screen and (max-width: 1280px) {

		
		 .info4
		  {
			  width:100%;
			  padding:2px 2px 2px 2px;
			  float:left;
  
			  }   
		  .logo
		 {	
			left: 130px;
		   
		 }

		}
	@media screen and (max-width: 1366px) {
 .logo
	 {	
		left: 80px;
	   
	 }
	}
			
		@media screen and (max-width: 980px) {

			
						 .info4
              {
                  width:100%;
                  padding:2px 2px 2px 2px;
                  float:left;
      
                  }   

			  .product-container
                  {width:100%;
                    border: 1px solid #a9a9a930;
                    border-radius: 5px;
                     margin: 2px;
                     }
                   .tin-container
                  {width:100%;
                    border: 1px solid #a9a9a930;
                    border-radius: 5px;
                     margin: 2px;
                     } 

		}

 @media screen and (max-width: 736px) {

.boxhotline{
	height: 180px;
    width: 180px;
    position: fixed;
    bottom: -85px;
    right: 220px;
    padding: 0;
    z-index: 9999;
}
.widthwubmenu
 {	
	
	width: 100%;

 }
  .logo
 {	
	    margin-top: 20px;
    position: absolute;
    left: 2px;
    max-width: 200px;
    background: #eeeaea;
    border-radius: 11px;
    padding-left: 6px;
 }
 
 .tabtrangchu
 {	
	width: 100%;
 }
 .columtrangchu
 {	
	width: 100%;
 }
 
.boxhotline img
{max-width:170px;
}
.gioithieu
 {
    margin-top: 70px;in-top: -35px;
 }
 .product-list
 {padding-left:1px;}
.col-8{width: 100%;}
.col-4{width: 100%;}
.col-3{width: 100%;}
.foter2{width: 100%;}
  .info4
              {
                  width:100%;
                  padding:2px 2px 2px 2px;
                  float:left;
      
                  }   

                .product-container
                  {width:100%;
                    border: 1px solid #a9a9a930;
                    border-radius: 5px;
                     margin: 2px;
                     }
                   .tin-container
                  {width:100%;
                    border: 1px solid #a9a9a930;
                    border-radius: 5px;
                     margin: 2px;
                     } 

		}
 }