/*
 Author:       Cobweb Software
 Author URI:
 Template:     cobwebprogressive
 Version:      1.0.0

 Responsive layout

    1. Desktop max width 1199px
    2. Tablet max width 991px
    3. Tablet / Mobile max width 767px
    4. Mobile max width 579px

*/

/* -------------------------------------------------------------------------- *
 * 1. Desktop max width 1400px                                                *
 * -------------------------------------------------------------------------- */
@media (min-width: 1200px){
    .container {
        width: 100%;
    }
}

/* -------------------------------------------------------------------------- *
 * 1.1 Desktop max width 1199px                                               *
 * -------------------------------------------------------------------------- */
@media (max-width: 1199px){
	body,
	.container{
		width: 100%;
	}

	.main_content{
		padding: 40px 30px;
	}

	.breadcrumb{
		margin: 20px 30px 0 30px;
	}

	div.moduletable_issn{
		margin: 7px 0 0 15px;
	}

	#mainMenu > li > a{
		font-size: 14px;
	}

	.header_bottom.fixed{
		width: 100%;
	}
}

/* -------------------------------------------------------------------------- *
 * 2. Tablet max width 991px                                                  *
 * -------------------------------------------------------------------------- */
 @media (max-width: 991px){
 	.pre_header_center{
 		margin-bottom: 25px;
 	}

 	#mobileMenu{
 		display: block;
 	}

 	.header_bottom #mainMenu{
 		display: none;
 	}

 	#mainMenu > li > a{
		font-size: 14px;
	}

	div.moduletable_issn{
		margin: 10px 0 0 15px
	}

	h1{
		max-height: 90px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
	}

	.header_top_right .page-title{
		max-height: 80px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
	}

	.main_content{
		padding: 40px 15px;
	}

	.sidebarModules img{
		width: 100px;
		display: block;
		margin: 0 auto 10px;
	}

	#top-search .main-search{
		right: 2.5%;
		width: 95%;
	}

	.main-search input.inputbox{
		width: 80%;
	}

	.main-search .btn-basic{
		width: 20%;
	}
 }

 /* -------------------------------------------------------------------------- *
  * 3. Tablet / Mobile max width 767px                                         *
  * -------------------------------------------------------------------------- */
  @media (max-width: 767px){
  	.main_content .wrap_center,
  	.main_content .main_content_left,
  	.main_content .main_content_right{
  		width: 100%;
  	}

  	.itemView h1{
  		text-align: center;
  	}

  	.itemView .itemImageBlock{
  		width: 100%;
  		margin: 0 0 20px;
  	}

  	.header_top_left:before{
  		position: relative;
  	}

  	.header_top_right .header_top_right_inner{
  		right: 10px;
  	}

  	.header_top{
  		height: auto;
  	}
  }

/* -------------------------------------------------------------------------- *
 * 4. Mobile max width 580px                                                  *
 * -------------------------------------------------------------------------- */
 @media (max-width: 580px){
 	.post .entry-title{
 		text-align: center;
 	}
 	.almanac .catItemImageBlock, .e-bulletin .catItemImageBlock{
 		float: none;
 		width: 100%;
 	}
 	.e-bulletin .catItemImageBlock img{
 		width: 100% !important;
 	}
 	.e-bulletin .catItemIntroText:not(.full-width){
 		padding-left: 0;
 	}

 	.footer_bottom_left,
 	.footer_bottom_right{
 		width: 100%;
 		text-align: center;
 	}
 	.cobweb{
 		float: none;
 	}
 }