/*--- iPad Landscape ---*/
@media (min-width: 1200px) and (max-width: 1280px)  {
}
@media (min-width: 1024px) and (max-width: 1199px)  {
    .content .page-content img{
      height:auto;
    }
      		.banner .carousel-caption a.post-title {
	  	font-size: 24px;
	  	line-height: 1.3;
  	}
    .footer .company-logos li a img{
      max-width:60px; height:auto;
    }
    .content .posts .the-post a.post-title{

    }
    .content .posts .the-post .post-excerpt{

    }
    .header .categories-menu ul li a{
      padding:10px 6px 10px 30px;
    }
    .sticky-topbar .sticky-categories-menu ul li a{
      padding:5px 10px 5px 25px;
    }
    .banner .carousel-caption .col-sm-4{
      height:382px;
    }
    .banner .carousel-control.left img {
      margin: 0px 0px 0px -20px;
    }
    .banner .carousel-control.right img {
      margin: 0px -20px 0px 0px;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- iPad Portrait ---*/
@media (min-width: 768px) and (max-width: 799px) {
  	.sticky-topbar{
  		display: none;
  	}
  	.banner .carousel-caption a.post-title {
	  	font-size: 24px;
	  	line-height: 1.2;
  	}
  	.banner .carousel-control.left img {
  		margin: 0px 0px 0px -10px;
  	}
  	.banner .carousel-control.right img {
  		margin: 0px -10px 0px 0px;
  	}
  	.content .page-content img{
  		height:auto;
  	}
  	.content .posts .the-post .post-excerpt{

  	}
    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
  	.footer .company-logos li a img{
  		max-width:60px; height:auto;
  	}
    .header{
      display: none;
    }
    .mobile-header{
      display: block;
    }
    .banner .carousel-caption .post-content{
      display: none;
    }
    .banner .carousel-caption .col-sm-4{
      height:290px;
    }
    .footer .visible-xs{
      display: block !important;
    }
    .footer .col-sm-7{
      display: none;
    }
    .footer .col-sm-5{
      width:100%;
    }
    .footer .company-logos{
      float:none; width:100%; text-align: center;
    }
    .footer .company-logos li{
      display: inline-block; float: none; margin:0px 15px;
    }
    .banner .featured-thumb{
      height:auto;
    }
    .sidebar-left{
      display: none;
    }
    .middle-content{
      width:100%; float:none;
    }
    .sidebar-right{
      width:100%; float:none;
    }
    .content .posts .the-post a.post-title{

    }
    .content .posts .the-post .post-excerpt{

    }
    .content .page-content .social-media-tools{
      padding:0px; border-left:0px;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .mobile-search .search-container {
      margin: 120px auto 0px auto;
      width: 50%;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- Small Tablet Landscape ---*/
@media (min-width: 800px) and (max-width: 1023px) {
  	.sticky-topbar{
  		display: none;
  	}
  		.banner .carousel-caption a.post-title {
	  	font-size: 24px;
	  	line-height: 1.3;
  	}
  	.banner .carousel-control.left img {
  		margin: 0px 0px 0px -20px;
  	}
  	.banner .carousel-control.right img {
  		margin: 0px -20px 0px 0px;
  	}
  	.content .page-content img{
  		height:auto;
  	}

    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
    .header{
      display: none;
    }
    .mobile-header{
      display: block;
    }
    .banner .carousel-caption .post-content{
      display: none;
    }
    .banner .carousel-caption .col-sm-4{
      height:290px;
    }
    .footer .visible-xs{
      display: block !important;
    }
    .footer .col-sm-7{
      display: none;
    }
    .footer .col-sm-5{
      width:100%;
    }
    .footer .company-logos{
      float:none; width:100%; text-align: center;
    }
    .footer .company-logos li{
      display: inline-block; float: none; margin:0px 15px;
    }
    .banner .featured-thumb{
      height:auto;
    }
    .sidebar-left{
      display: none;
    }
    .middle-content{
      width:100%; float:none;
    }
    .sidebar-right{
      width:100%; float:none;
    }
    .content .posts .the-post a.post-title{

    }
    .content .posts .the-post .post-excerpt{

    }
    .content .page-content .social-media-tools{
      padding:0px; border-left:0px;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .mobile-search .search-container {
      margin: 120px auto 0px auto;
      width: 50%;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- Small Tablet Portrait ---*/
@media (min-width: 600px) and (max-width: 767px) {
  	.sticky-topbar, .header, .banner, .searchbar, .content .navigation ul li, .footer .footer-menu{
  		display: none;
  	}
  	.content .page-content img{
  		height:auto;
  	}
  	.content .posts .the-post .post-excerpt{
  		height:auto;
  	}
  	.content.single .page-title {
  		font-size: 34px;
  		line-height: 40px;
  	}
  	.content .navigation ul li.next-page{
		display: block; float:right;
  	}
  	.content .navigation ul li.next-page a{
  		padding-right:5px;
  	}

  	.content .navigation ul li.prev-page{
		display: block; float:left;
  	}
  	.content .navigation ul li.prev-page a{
  		padding-left:5px;
  	}
    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
  	.footer .company-logos{
  		width:100%;
  	}
  	.footer .company-logos li{
  		width:50%; margin:10px 0px 10px 0px; padding:0px;
  	}
  	.footer .company-logos li a{
  		text-align: center;
  	}

    .content .posts .the-post{
      margin-bottom:70px; 
    }
    .banner.single-banner{
      display: block;
    }
    .banner.single-banner img{
      height:auto;
    }

    .mobile-header{
      display: block;
    }
    .content .page-content .social-media-tools{
      padding:0px; border-left:0px;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .mobile-search .search-container {
      margin: 120px auto 0px auto;
      width: 70%;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- iPhone5 Landscape ---*/
@media (width: 568px) {
  	.sticky-topbar, .header, .banner, .searchbar, .content .navigation ul li, .footer .footer-menu{
  		display: none;
  	}
  	.content .page-content img{
  		height:auto;
  	}
  	.content .posts .the-post .post-excerpt{
  		height:auto;
  	}
  	.content.single .page-title {
  		font-size: 34px;
  		line-height: 40px;
  	}
  	.content .navigation ul li.next-page{
		display: block; float:right;
  	}
  	.content .navigation ul li.next-page a{
  		padding-right:5px;
  	}

  	.content .navigation ul li.prev-page{
		display: block; float:left;
  	}
  	.content .navigation ul li.prev-page a{
  		padding-left:5px;
  	}
    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
  	.footer .company-logos{
  		width:100%;
  	}
  	.footer .company-logos li{
  		width:50%; margin:10px 0px 10px 0px; padding:0px;
  	}
  	.footer .company-logos li a{
  		text-align: center;
  	}

    .content .posts .the-post{
      margin-bottom:70px; 
    }
    .banner.single-banner{
      display: block;
    }
    .banner.single-banner img{
      height:auto;
    }

    .mobile-header{
      display: block;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .mobile-search .search-container {
      margin: 120px auto 0px auto;
      width: 70%;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- iPhone5 & Smartphone Portrait ---*/
@media (min-width: 320px) and (max-width: 567px) {
     .mobile-header{
      display: block;
    }
    .content .page-content .social_share_privacy_area.line li{
      width:auto; float:left !important;
    }
    .mobile-search .search-container {
      margin: 120px auto 0px auto;
      width: 70%;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }

}

/*--- Smartphone Landscape ---*/
@media (min-width: 480px) and (max-width: 768px) {
  	.sticky-topbar, .header, .banner, .searchbar, .content .navigation ul li, .footer .footer-menu{
  		display: none;
  	}
  	.content .page-content img{
  		height:auto;
  	}
  	.content .posts .the-post .post-excerpt{
  		height:auto;
  	}
  	.content.single .page-title {
  		font-size: 34px;
  		line-height: 40px;
  	}
  	.content .navigation ul li.next-page{
		display: block; float:right;
  	}
  	.content .navigation ul li.next-page a{
  		padding-right:5px;
  	}

  	.content .navigation ul li.prev-page{
		display: block; float:left;
  	}
  	.content .navigation ul li.prev-page a{
  		padding-left:5px;
  	}
    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
  	.footer .company-logos{
  		width:100%;
  	}
  	.footer .company-logos li{
  		width:50%; margin:10px 0px 10px 0px; padding:0px;
  	}
  	.footer .company-logos li a{
  		text-align: center;
  	}

    .content .posts .the-post{
      margin-bottom:70px; 
    }
    .banner.single-banner{
      display: block;
    }
    .banner.single-banner img{
      height:auto;
    }

    .mobile-header{
      display: block;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}

/*--- Smartphone Portrait ---*/
@media (min-width: 320px) and (max-width: 479px) {
  	.sticky-topbar, .header, .banner, .searchbar, .content .navigation ul li, .footer .footer-menu{
  		display: none;
  	}
  	.content .page-content img{
  		height:auto;
  	}
  	.content .posts .the-post .post-excerpt{
  		height:auto;
  	}
  	.content.single .page-title {
  		font-size: 34px;
  		line-height: 40px;
  	}
  	.content .navigation ul li.next-page{
		display: block; float:right;
  	}
  	.content .navigation ul li.next-page a{
  		padding-right:5px;
  	}

  	.content .navigation ul li.prev-page{
		display: block; float:left;
  	}
  	.content .navigation ul li.prev-page a{
  		padding-left:5px;
  	}
    .sidebar{
      height:auto !important;
    }
    body{
      margin-bottom:0px;
    }
    .footer{
      height:auto; position:relative;
    }
  	.footer .company-logos{
  		width:100%;
  	}
  	.footer .company-logos li{
  		width:50%; margin:10px 0px 10px 0px; padding:0px;
  	}
  	.footer .company-logos li a{
  		text-align: center;
  	}

    .content .posts .the-post{
      margin-bottom:70px; 
    }
    .banner.single-banner{
      display: block;
    }
    .banner.single-banner img{
      height:auto;
    }

    .mobile-header{
      display: block;
    }

    .hide-mobile{
      display:none !important;
    }
    .show-mobile{
      display:block !important;
    }
}