@media (max-width: 480px) {
  .masonry {
    /*margin: 3% 0;*/
	margin: 0;
  }
  .masonry .grid-sizer {
    width: 100%;
  }
  .masonry .gutter-sizer {
    width: 0%;
  }
  .masonry .item {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .masonry .item img {
    width: 100%;
  }
  .man1{
		padding:15px;
  }
}
@media only screen and (max-width: xxspx) {
  .masonry {
    /*margin: 3% 0;*/
	margin: 0;
  }
  .masonry .grid-sizer {
    width: 48.5%;
  }
  .masonry .gutter-sizer {
    width: 3%;
  }
  .masonry .item {
    width: 48.5%;
    margin-bottom: 3%;
  }
  .masonry .item img {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .masonry {
    /*margin: 2.25% 0;*/
	margin: 0;
  }
  .masonry .grid-sizer {
    width: 48.5%;
  }
  .masonry .gutter-sizer {
    width: 3%;
  }
  .masonry .item {
    width: 48.5%;
    margin-bottom: 3%;
  }
  .masonry .item img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .masonry {
    /*margin: 2% 0;*/
	margin: 0;
  }
  .masonry .grid-sizer {
    width: 31.83333%;
  }
  .masonry .gutter-sizer {
    width: 2.25%;
  }
  .masonry .item {
    width: 31.83333%;
    margin-bottom: 2.25%;
  }
  .masonry .item img {
    width: 100%;
  }
  .man1{
		padding:50px;
  }
}
@media (min-width: 992px) and (max-width: 1440px) {
  .masonry {
    /*margin: 1.875% 0;*/
	margin: 0;
  }
  .masonry .grid-sizer {
    width: 23.5%;
  }
  .masonry .gutter-sizer {
    width: 2%;
  }
  .masonry .item {
    width: 23.5%;
    margin-bottom: 2%;
  }
  .masonry .item img {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .masonry {
    margin: 0;
  }
  .masonry .grid-sizer {
    width: 18.5%;
  }
  .masonry .gutter-sizer {
    width: 1.875%;
  }
  .masonry .item {
    width: 18.5%;
    margin-bottom: 1.875%;
  }
  .masonry .item img {
    width: 100%;
  }
  
  .ajax-load-more-wrap .alm-listing .item{
	 
	   /*width: 18.5%;
	   left:1.875%*/

	}
	
	
	
 
}





p.tieude {
    font-size: 19px;
    margin-bottom: 8px;
    margin-top: 13px;
    color: #484d5a;
    font-weight: 400;
}

p.linhvuc {
    font-size: 13px;
    color: #afafaf;
    margin-bottom: 7px !important;
    font-family: arial;
}

.tr {
    padding: 10px;
    border: solid 1px #e6e6e6;
    background: #fff;
    border-radius: 13px;
}

.tr img {
    border-radius: 8px;
}



.tr:hover {
	opacity:0.8;
}

#cboxOverlay {
 
    opacity: 1 !important;
}


#colorbox, #cboxWrapper, #cboxContent {
   
    position: fixed !important;
    top: 0px !important;
}



.page-height {
			position: fixed;
			width: 100%;
			
			background-size: cover;
			background-attachment: fixed;
			background-position: center top;
		}
		
		footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    top: inherit !important;
}



/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{
background: #000;
}

#colorbox ,
#cboxWrapper ,
#cboxContent{
overflow: visible;
}


#colorbox {
	width:100% !important;
}

#cboxContent{
margin-top: -35px; /* cboxTitle.height/2 */
}

#colorbox *{
background: none;
}

#cboxLoadingGraphic{
background:url(../../images/loading.gif) no-repeat center center;
}

#cboxTitle{
position: fixed;
left: 0;
bottom: 0;
display: block;
    min-height: 70px;
padding: 20px;
padding-right: 300px;
font: normal normal 22px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
text-transform: uppercase;
text-align: left;
color: #fff;
background: #111;
}

#cboxTitle a{
color: #fff;
}

#cboxTitle a:hover{
text-decoration: underline;
}

#cboxTitle small{
margin-left: 10px;
font: normal normal 0.85em/1em 'Open Sans Condensed Light', Arial, sans-serif;
color: #5bc;
}

#cboxNext ,
#cboxPrevious ,
#cboxClose{
display: block;
width: 40px;
height: 40px;
position: fixed;
left: auto;
bottom: 15px;
background: #333;
-moz-transition: background 0.15s ease-out;
-webkit-transition: background 0.15s ease-out;
-o-transition: background 0.15s ease-out;
-ms-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
}

#cboxNext:hover ,
#cboxPrevious:hover ,
#cboxClose:hover{
background: #5bc;
}

#cboxNext{
right: 61px;
}

#cboxPrevious{
right: 102px;
}

#cboxClose{
right: 20px;
}

#cboxNext:before ,
#cboxPrevious:before ,
#cboxClose:before{
display: block;
position: absolute;
width: 100%;
top: 0;
left: 0;
font: normal normal 20px/40px 'TSIcons';
text-align: center;
text-decoration: none;
text-indent: 0;
color: #fff;
}

#cboxNext:before{

font: normal normal 20px/40px 'FontAwesome'!important;;
content: "\f105" !important;

}

#cboxPrevious:before{
font: normal normal 20px/40px 'FontAwesome'!important;;
content: "\f104" !important;
}

#cboxClose:before{
font: normal normal 16px/40px 'FontAwesome'!important;;
content: "\f00d" !important;
}

#cboxCurrent{
display: block;
position: fixed;
bottom: 25px;
right: 170px;
left: auto;
font: normal normal 20px/1em 'Open Sans Condensed Bold', Arial, sans-serif;
text-transform: uppercase;
text-align: right;
color: #999;
}


span.thang {
    color: #828d9c;
    font-size: 16px;
}

.masonry {
    /*height: auto !important;*/
}



#cboxLoadedContent {

    /*width: 100% !important;*/
}

#cboxLoadedContent {

    /*margin: auto;*/
}

#cboxContent {

    /*width: 100% !important;*/
}

#colorbox{
	overflow:hidden;
}



#cboxLoadedContent iframe{
		width:60%;
		height:60%;
		
		
	}
#cboxLoadedContent {
 
    position: relative }
#cboxLoadedContent iframe {
    margin: 0;
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

@media (min-width: 768px) and (max-width: 992px) {
footer {
    padding: 0 0;
 
}

  
  
}
@media (max-width: 1199px) {
  .linhvuc{
	  display:none;
  }


  
  
}


@media (min-width: 768px) {


	.tr img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.tr img:hover {
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}
  
  
}


@media (min-width: 768px) and (max-width: 1199px) {


	.logo1 {
		text-align: left;
	}
	
  
  
}

@media (min-width: 1200px) {
  
  
  .hamburger-icon{
	  display:none;
  }
  
}

@media (max-width: 768px){
	
	


	footer.light .copyright a {
		color: #989898;
	}
	
	.follow.style-1 .title {
		color: #989898;
	}
	.empty-space.col-xs-b20 {
		height: 30px;
	
	}
	.cboxPhoto {

		width: 100% !important;
		height: auto !important;

	}
	#cboxCurrent{
		display:none !important;
	}
	#cboxTitle {
		padding-right: 150px;	

		font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
	
	}
	header.type-4 {
		    
	}
	#cboxLoadedContent iframe{
		width:100%;
		height:40%;
		
		
	}
  
  
}