@media (max-width: 1000px) {
 
.center-align                                      {width:100%; height:auto; margin:0 auto; padding:0 10px; } 
[class*="grid"]                                    {float: left; margin:0px;padding:0 10px;}
#wrapper .grid_12 {
width: 100%;
  *width: 99.94680851063829%;
}

#wrapper .grid_11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

#wrapper .grid_10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

#wrapper .grid_9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

#wrapper .grid_8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

#wrapper .grid_7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

#wrapper .grid_6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

#wrapper .grid_5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

#wrapper .grid_4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

#wrapper .grid_3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

#wrapper .grid_2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

#wrapper .grid_1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

}

@media (max-width: 766px) {
 
[class*="grid"]                                    {width:100% !important ;float: left; margin:0px !important;}
.top-panel                                         {padding:10px 0 0 0; }
.top-panel .logo                                   {text-align:center;}
.top-panel ul.main-nav                             {width:100%; text-align:center;}
.right-panel                                       {text-align:center;}
.banner-panel .slider .btn-black                   {width:30% !important;margin:5px 5px;}


.home-services article                             {margin:20px 0 0 0 !important;}                                    
.home-services article:first-child                 {margin:0 !important;}
.subscribe                                         {margin-top:25px !important;}

footer p                                                   {width:100%; text-align:center; }
footer p.right                                             {margin:10px 0 0 0; text-align:center;}
.side-bar h3:first-child                                       {margin-top:35px !important;}
}
@media (max-width: 480px) {

.banner-panel .slider .right-panel                            {padding:0px 20px 20px 20px;}
.banner-panel .slider .btn-black                              {width:100% !important;margin:5px 0 0 0;}
.banner-panel .slider .title                                  {font-size:35px ; line-height:38px;}
.jumbotron  h1                                                {font-size:35px;line-height:38px; }

.thumbnail                                                    { width:100%; float:left;  text-align:center;}
.thumbnail.alignleft                                          {margin:15px 0 0 0;}
.thumbnail + .extra-wrap                                      { width:100%; height:auto; float:left; padding: 10px 0 20px 0; text-align:center;}
.top-panel .menu                                              {position:relative; height:130px;}
#pull                                                         {display:block !important;}
.top-panel #nav                                               {display:none; }
.top-panel ul.main-nav                                        {width:170px; height:auto; float:left; padding:0px; margin:0 0 0 -85px; position:absolute; left:50%; top:100%; z-index:200; background:#cccccc; }
.top-panel ul.main-nav li                                     {width:100%; height:auto; float:left; margin:0px; padding:0px;  color:#575757;}                                       
.top-panel ul.main-nav li a                                   {width:100%; height:auto; float:left; padding:8px 10px; margin:0px;  border-bottom:#999999 solid 1px; border-top:#fff solid 1px; color:#464646; }
.top-panel ul.main-nav li a:hover,.top-panel ul.main-nav li.active a  {background:#2e2e2e; border-radius:0px; box-shadow:none; border-top:#999999 solid 1px; color:#fff; }  

.blog-panel .row p img                                        {width:100%; margin-bottom:20px}                
.gallery-panel .clm                                          {width:99%; height:auto; float:left; border:#343434 solid 5px; border-radius:5px; overflow:hidden;}
.comment [type="text"]                                       {width:100% !important; }

}

@media (max-width: 360px) {
 
 .top-panel .logo a                                            {width:100%; height:70px; display:inline-block; background:url(../images/logo.png) no-repeat; background-size:100% auto;}
}