/**
  Extra styling for responsive purposes
  This style supports width stops on
  -480px, -768px, +992px and +1200px 
  **/
  
/** For super small phone **/
@media (max-width: 360px) {
	[class*="col-"] {
	  width: 100%;
	}
	
	#page .teaser-hover i {
	  font-size: 20px;
	  padding: 10px;
	}
	
	.media-list .comment-wrapper > .pull-left {
	  margin: 0 0 30px;
	  width: 100%;
	}
	
}

/** For small mobile phone and iPhone < version 4 **/
@media (max-width: 480px) {
	.post-social-text {
	  display: block;
	  float: none !important;
	  margin: 10px 0 20px !important;
	}
	
	.comment ul.children {
	  padding-left: 0 !important;
	}
	
	.media-list .comment-wrapper .reply-link a {
	  padding: 0;
	  width: 33px;
	}
		
	.media-list .comment-wrapper .reply-link a i {
	  font-size: 12px;
	  margin: 10px;
	  padding: 0;
	}
	
	.number-list > * {
    margin: 0 15px;
	}
	
	[class*="col-xs-offset-"] {
    margin-left: 0 !important;
  }
  
  #page #content-bottom .widget,
  #page #slider .widget {
    width: 100% !important;
  }
}



/** For iPad in portrait mode **/
@media (max-width: 768px) {

	#page #headline,
  #page .headline-background {
    background-size: auto 100% !important;
  }

	.headline-title small {
    display: block;
    width: 100%;
    margin: 10px 0 0 !important;
  }
  
  
  #slider .widget {
	  width: 50% !important;
	}
	
  /** Remove sidebar extra padding **/
  #page .with-sidebar-right,
  #page .with-sidebar-left {
    padding: 20px !important;
  }
  
  .col-xs-12.nopaddingleft,
  .col-sm-12.nopaddingleft {
    padding-right: 0;
  }
 
  .col-xs-12.nopaddingright,
  .col-sm-12.nopaddingright {
    padding-left: 0;
  }
  
  .style-boxed {
    margin: 0;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  /** User disabled slick nav throw special header formatting **/
  #header.without-slicknav #logo {
    margin-top: 10px !important; /** Nuke vertical height js **/
    text-align: center;
  }
  
  #header.without-slicknav #navigation a  {
    font-size: 13px;
    padding: 10px 20px;
  }
  
  #header.without-slicknav #navigation a:before {
    display: none;
  }
  
  #header.without-slicknav #navigation ul.nav {
    text-align: center;
  }
  
  #navigation ul.nav.slicknav {
    display: none;
  }
   
  #header.without-slicknav #navigation ul.nav > li {
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    float: none;
  }
  
  #footer-menu {
    margin-bottom: 20px;
  }
    
  .single.portfolio-style-two #portfolio-static-sidebar-one {
    padding-right: 15px;
  }
    
  .single.portfolio-style-two #portfolio-static-sidebar-two {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px;
  }
  
  .single.portfolio-style-three #content {
    margin-bottom: 30px;
  }
  
  ul.portfolio .list-mode .post-portfolio-tags {
    margin-bottom: 30px;
    text-align: left;
  }
  
  #page .pagination {
	  text-align: center;
	}
	
	.fotorama__wrap {
	  width: 100% !important;
	}
}



/** For iPad in landscape mode and iPhone 5 in landscape mode **/
@media (min-width: 769px) {
	.slicknav_btn {
	  display: none !important;
	}
}



/** iPhone 5 - Landscape **/
@media (min-width: 769px) and (max-width: 960px) {
  #page {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  
  #page.style-boxed {
    width: 900px;
    max-width: 900px;
    margin: 30px auto;
  }
}


/** For Small desktop **/
@media (min-width: 992px) {
	.max-fluid .container {
    width: 100%;
  }
  
  .col-md-12.nopaddingleft {
    padding-right: 0;
  }
  
  .col-md-12.nopaddingright {
    padding-left: 0;
  }
}




/** For laptop and normal desktop **/
@media (min-width: 1200px) {
	.max-960 .container {
    width: 960px;
  }
  
  .col-lg-12.nopaddingleft {
    padding-right: 0;
  }
  
  .col-lg-12.nopaddingright {
    padding-left: 0;
  }
}




/** For very large desktop monitor **/
@media (min-width: 1460px) {
	
	#page.fluid {
	  max-width: 1400px;
	  margin: 30px auto;
	}
	
}