/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width:1300px) {
.container{ width:94%; border:0px solid #0000FF; margin-left:3%; }
 .imagebox{ width:30%;}
 .title_big{ font-size:18px!important;}
 .main_title{ font-size:18px!important; margin-bottom:20px!important;}
 .iosSlider .item .caption{ left:510px!important; top:120px!important; width:100%!important;}
 .client ul li img{ max-width:90%!important;}
 .client ul li{ margin-right:0px;}
 .postresume img{width:100%;}
 
}

/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width:1170px) {
.container{ width:94%; border:0px solid green; margin-left:3%; }
 .imagebox{ width:30%;}
 .title_big{ font-size:18px!important;}
 .main_title{ font-size:18px!important; margin-bottom:20px!important;}
 .iosSlider .item .caption{ left:470px!important; top:44px!important; width:100%!important;}
 .client ul li img{ max-width:90%!important;}
 .client ul li{ margin-right:0px;}
 .postresume img{width:100%;}
 .headerright{ width:72%;}
 .client {overflow: hidden;width: 100%;}
 
 .contarea select{ width:100%;}
}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.container{ width:93%; border:0px solid red; margin-left:3%;  }
 .imagebox{ width:90%;}
 .cont {right:30px!important; top:15px!important;}
 .logo{ text-align:center; width:100%;}
 .topemail{ width:100%; text-align:center; margin-bottom:15px;}
/* .banner{ margin-top:130px;}*/
 .globalinfo{ width:100%;}
 .tesimonial{ width:100%;}
 .title_big{ font-size:16px!important;}
 .main_title{ font-size:16px!important; margin-bottom:20px!important;}
 .iosSlider .item .caption{ right:50px!important; top:5px!important; width:100%!important;}
 .client ul li img{ max-width:90%!important;}
 .client ul li{ margin-right:0px;}
 .leftnav{ width:32%;}
 .medarea{ width:64%;}
 .rightarea{ width:100%;}
 .contarea{ width:100%;}
 .menu_area{ float:none; margin-bottom:0px;}
 .site-navigation li{ background:#efefef!important;}
 .site-navigation a{ background:#efefef!important;}
 #page_header, #slideshow{ position:inherit!important;}
  .primary-navigation .nav-menu{ margin-top:20px;}
 .mainSliderDiv{}
 .client {width:96%;overflow: hidden;margin-left: 14px;}
 .maparea{ float:none; width:100%;}
 .contarea select{ width:98%;}

 
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:93%; border:0px solid black;  margin-left:3%;}
 .imagebox{ width:93%; margin-bottom:40px;}
 .globalinfo{ width:100%;}
 .tesimonial{ width:100%;}
 .clientarea h3{ margin-bottom:10px;}
 .span6{ width:100%; float:none;}
 .title_big{ font-size:13px!important;}
 .main_title{ font-size:13px!important; margin-bottom:20px!important;}
  .iosSlider .item .caption{ right:50px!important; top:0px!important; width:100%!important;}
  .leftnav{ width:100%;}
   .postresume img{width:100%;}
   .medarea{ width:100%; margin-top:25px;}
   form#contact-form{ width:100%;}
   .address{ width:100%;}
   #page_header, #slideshow{ position:inherit!important;}
   .headerright{ width:100%;}
   .menu_area{ margin-top:0px;}
   .primary-navigation .nav-menu{ margin-top:40px;}
   .contact_form{ width:100%;}
   .contarea select{ width:64%;}
    .maparea{ float:none; width:100%;}
  
 
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { 
.container{ width:91%; border:0px solid #FFFF00;   margin-left:4%;}
.imagebox{ width:80%; margin-bottom:40px;}
.globalinfo{ width:100%;}
 .tesimonial{ width:100%;}
  .clientarea h3{ margin-bottom:10px;}
  .wrapperline_text{ font-size:16px; text-align:center; width:100%;}	
  .btnbox{ float:left; margin-left:120px;}
  .btn{ margin:0px 0 15px 0;}
  .action_box:after, .action_box:before{content:none;}
  .span6{ width:100%; float:none;}
  .footerlist{ width:100%; padding-top:0px!important;}
  .cont{ top:4px!important;}
  .logo{ text-align:left; margin-left:10px;}
.iosSlider .item .caption{ display:none!important;}
.medarea{ width:100%; }
.contarea select{ width:83%;}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.container{ width:90%; border:0px solid red;   margin-left:4%;}
.imagebox{ width:75%; margin-bottom:40px;}
.globalinfo{ width:94%;}
 .tesimonial{ width:94%; float:none;}
 .span6{ width:100%; float:none;}
  .footerlist{ width:100%; padding-top:0px!important;}
  .copyright{ width:100%;}
  .wrapperline_text{ width:100%;  font-size:16px;}
  .cont{ top:65px!important;}
  .iosSlider .item .caption{ display:none!important;}
  #page_header, #slideshow{ position:inherit!important;}
  .primary-navigation .nav-menu{ margin-top:60px;}
  .menu-toggle{ top:91px!important; right:19px!important;}
  .contarea select{ width:100%;}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.container{ width:90%; border:0px solid green; }
.imagebox{ width:75%; margin-bottom:40px;}
.globalinfo{ width:94%;}
 .tesimonial{ width:94%; float:none;}
 .span6{ width:100%; float:none;}
  .footerlist{ width:100%; padding-top:0px!important;}
  .copyright{ width:100%;}
  .wrapperline_text{ width:100%;  font-size:16px;}
  .cont{ top:0px!important;}
  .iosSlider .item .caption{ display:none!important;}
  #page_header, #slideshow{ position:inherit!important;}
  .topemail{ text-align:left;}
  .client {width: 94%;overflow: hidden;}
    .contarea select{ width:100%;}
}