img {
  max-width: 100% !important;
}

/**
  * Custom css for responsive
  */
@media (max-width: 720px) {
.wrapper .container,
.wrapper .grid {
  width: 100% !important;
}
#page-title {padding:10px 21px 10px 20px !important ;}

.item-list ul.pager li {

}
#margintop (min-height: 0 !important;)
.block-content {width: 100% !important;}
.article {
  margin: 0px 20px 0px 20px !important ;
}

.grid-inner {
  padding: 0 10px;
}

/* Main Container ---*/

#main-wrapper #main-content  {
  width: 100% !important;
}
.region-sidebar-first {width: 100% !important;}

/**
 * Panels & grid-views
 */
.views-col,
.panel-column {
  width: 100% !important;
}

/**
  * Slideshow
  */
.view-simple-slideshow .views_slideshow_main > div > div,
.views-slideshow-cycle-main-frame-row, 
.views-slideshow-cycle-main-frame,
#slideshow-wrapper .views_slideshow_slide {  
  width: 100% !important;
} 

#slideshow-wrapper .views-field-field-slideshow img {
  width: 100%;
}


/* Pager */
.item-list .pager,
.item-list ul.pager li {
 
}

.item-list ul.pager li.pager-current {
  display: inline-block;  
}

#menu-bar-wrapper ul li {width:100% !important ;}

.block-content {width:100% !important ;}
ul.pager li a, 
ul.pager li span { 
  display: inline-block;  
  float: none;  
}
#sidebar-first-wrapper { width: 100% !important; }
}

@media (min-width: 720px) and (max-width: 959px) {
.article {
  margin: 0px 20px 0px 20px !important ;
}

.wrapper .container,
.wrapper .grid {
  width: 100% !important;
}


.grid-inner {
  padding: 0 20px;
}

/* Main Container ---*/
#main-wrapper #main-content {
  width: 100% !important;
}

/**
 * Panels & Views
 */
.cols-1 .views-col,
.panel-cols-1 .panel-column {
  width: 100% !important;
}

.cols-2 .views-col,
.panel-cols-2 .panel-column {
  width: 50% !important;
}

.cols-3 .views-col,
.panel-cols-3 .panel-column {
  width: 33.3% !important;
}

.cols-4 .views-col,
.panel-cols-4 .panel-column {
  width: 33.3% !important;
}

.cols-4 .views-col-last,
.panel-cols-4 .panel-column-last {
  width: 100% !important;
}

/**
  * Slideshow
  */
.view-simple-slideshow .views_slideshow_main > div > div,
.views-slideshow-cycle-main-frame-row, 
.views-slideshow-cycle-main-frame,
#slideshow-wrapper .views_slideshow_slide {  
  width: 100% !important;
}
#sidebar-first-wrapper { width: 100% !important; }
#menu-bar-wrapper ul li  {width:100% !important ;}
}

grid.container {max-width:100% !important ;}

.field-content {max-width:100% !important ; }