@import 'http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';
/*mobile menu css */

.uk-offcanvas-page {
  position: fixed;
  /* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
.uk-navbar-toggle {
  color:#D01B22;
  font-size: 25px;
  padding: 0 2px 0;
  width: 22px;
}
.uk-offcanvas {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.uk-offcanvas-bar:after {
  bottom: 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.uk-offcanvas-bar .uk-search:before {
  left: 5px;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.uk-offcanvas-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1001;
  /* 2 */
  width: 270px;
  max-width: 100%;
  background: #F3F3F3;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active {
  display: block;
}
.uk-offcanvas .uk-panel {
  margin: 20px 15px;
  color: #777777;
}
.uk-offcanvas .uk-panel-title {
  color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]) {
 color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]):hover {
 color: #ffffff;
}
.uk-offcanvas-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-offcanvas-bar-flip:after {
  right: auto;
  left: 0;
  width: 1px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
  color: #2B2A28;
}
.uk-nav-offcanvas li.parent ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}
.uk-nav, .uk-nav ul {
  list-style: outside none none none !important;
  margin: 0;
  padding: 0;
}
html .uk-nav.uk-nav-offcanvas > li.active > a:before, uk-nav-offcanvas ul a:hover {
  /*background: linear-gradient(to bottom, #5477A2, #5477A2) repeat scroll 0 0 #5477A2;
  border: 1px solid rgba(0, 0, 0, 0.06);*/
  content: "";
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.uk-nav-offcanvas > li > a:hover, .uk-nav-offcanvas ul a:hover, .uk-nav li.active ul li.active a {
  background: none;
  color: #D01B22 !important;
  outline: medium none;/*border-left:4px solid #5477A2;*/
}
html .uk-nav.uk-nav-offcanvas > li.active > a, .uk-nav li.active ul li.active a {
  background: none ;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #D01B22 !important;
}

#rt-offcanvas{ display:none;}
#rt-showcase .rt-container{ width:975px ; padding:0px !important;}
#rt-showcase .rt-grid-12.rt-alpha.rt-omega{ width:100% !important; margin:0px !important;}


/* screen css start */
 
@media screen and (max-width: 1001px) {
  
 body{min-width:100% !important;}
 img{ max-width:100%; height:auto;}
 #container{ width:96% !important}  
 #container .rt-container ,#rt-footer .rt-container{ width:95% !important;}
 .rt-container .rt-grid-12{ width:100% !important; margin: 0 auto !important;}
 #rt-showcase .rt-container { width:100% !important; padding:0px !important;}
 
 
 .theme-default .nivoSlider{ width:100% !important; margin:0px !important;}
 
 
 #rt-footer {
    width: 96% !important;
}

.footeren > p {
    line-height: 22px;
}

.rt-grid-8 {
    width: 60% !important;
}
.rt-grid-4 {
    width: 32% !important;
}

}



/*table css start */
@media screen and (max-width: 986px) {
  .box1{width:21% !important}
  .box4{width:21% !important}
  .direction-img{ float:left; width:100%; text-align:center; margin-bottom:10px;}
.direction-img img{ float:none !important; margin:0 !important;}
  
}
@media screen and (max-width: 868px) {

.nopill{ display:none;}
.uk-visible-small{ display:block;}
    .uk-navbar-toggle:after {
      content: "";
      font-family: FontAwesome;
      vertical-align: middle;
      display:inline-block;
    }
    
#rt-offcanvas{display:block;
    margin: 6px;
    padding: 8px;
    position: absolute;
    z-index: 99999;
}

#rt-logo{ margin:0px auto 20px !important;}
.top-info{ position:relative !important; padding-bottom:20px !important;}
.customtop-info{ max-width:251px !important; margin:0 auto !important;}


#offcanvas .uk-nav-offcanvas > li > a, li.parent ul li >a {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  color: #353535;
  font:100 15px/14px "Nuri",sans-serif !important;
  padding: 13px 15px;
  position: relative;
  font-weight:normal;
  text-transform: uppercase;
}
#offcanvas li.parent ul li >a {
  
  padding: 11px 10px 11px 25px;
  font-weight:normal;
}
.uk-nav li > a {
  display: block;
  text-decoration: none;
}
.uk-offcanvas-bar-show ul {
  list-style:none !important;
}

.sigProThumb {
    
}

ul.sigProClassic{
  width:86%;
  float:none !important;
  margin:0 auto !important;   
}
.rt-grid-8 {
    width: 57% !important;
}
.rt-grid-4 {
    width: 35% !important;
}


.box2{
  width:21% !important;
}
.box3{
  width:21% !important;
}
}

@media screen and (max-width: 768px) {
 
 #container .rt-container{ width:94% !important; } 
 #container .rt-container  { width:94% !important ;}
 #container .rt-container .rt-grid-6{ width:100% !important; margin:10px auto !important;}
 
 .rt-grid-8 {
    width: 50% !important;
}
.rt-grid-4 {
    width: 40% !important;
}
.box1{width:20% !important}

 .box4{width:20% !important}
 ul.sigProClassic{
  width:68%;
  float:none !important;
  margin:0 auto !important;   
}
.rt-grid-12 textarea {
    width: 100% !important;
}
#fullpagetable{
  display:none !important;  
}

#responsivepagetable{
  display:block !important;
  width:100% !important  
}
 }


@media screen and (max-width: 680px){
  
ul.sigProClassic{
  width:75%;
  float:none !important;
  margin:0 auto !important;   
}
@media screen and (max-width: 665px){
  .box1{width:19% !important}
  .box4{width:19% !important}
  #rt-sidebar-a{ float:none !important; margin:0 auto !important;}
   .rt-grid-8 {
    width: 96% !important;
}
.rt-grid-4 {
    width: 96% !important;
}
.component-content table{ width:110% !important;}
.direction-img{ float:left; width:100%; text-align:center;margin-bottom:10px;}
.direction-img img{ float:none !important; margin:0 !important;}

#fullpagetable{
  display:none !important;  
}

#responsivepagetable{
  display:block !important;
  width:100% !important  
}

  }

 

    }
@media screen and (max-width: 650px){
 .rt-grid-8 {
    width: 96% !important;
}
.rt-grid-4 {
    width: 96% !important;
}

.rt-grid-12 textarea {
    width: 100% !important;
}
}

@media screen and (max-width: 600px){
  .box2{width: 19%  !important}
  .box3{width: 19%  !important}
  
  ul.sigProClassic{
    width:80%;
    float:none !important;
    margin:0 auto !important;   
  }
  #rt-sidebar-a{ float:none !important; margin:0 auto !important;}
}
@media screen and (max-width: 580px){
#rt-sidebar-a{ float:none !important; margin:0 auto !important;}

 .rt-grid-8 {
    width: 96% !important;
}
.rt-grid-4 {
    width: 96% !important;
}

.contact-sidebar {
    float: none !important;
    width: 100% !important;
}

#ce-contact-31 > div {
    width: 100% !important;
}

ul.sigProClassic{
  width:82%;
  float:none !important;
  margin:0 auto !important;   
}
}
/*@media screen and (max-width: 600px){
  .box1{width: 40% !important;}
  .box2{width: 40% !important;}
  .box3{width: 40% !important;}
  .box4{width: 40% !important;}
  
}*/

@media screen and (max-width:550px){
  .box1{
    width: 45% !important;
    padding-right:25px !important;
    float:left !important;
  
  }
  .box2{
    width: 41% !important;
    border-right:none !important;
    float:right !important;
    padding-right: 0px !important;
    }
  .box3{
    width: 45% !important;
    padding:0 25px 0 0 !important;
    float:left !important;
    margin-top:20px !important;
    }
  .box4{
    width: 41% !important;
    border-right:none !important;
    float:right !important;
    padding-right: 0px !important;
    margin-top:20px !important;
    }
    
    ul.sigProClassic{
      width:86%;
      float:none !important;
      margin:0 auto !important;   
    }
}
@media screen and (max-width: 520px){
  
  
    ul.sigProClassic{
      width:200px;
      float:none !important;
      margin:0 auto !important;   
    }
}

@media screen and (max-width: 480px){
  #responsivepagetable td{ font-size:10px !important; letter-spacing: -0.6px;}  
}

@media screen and (max-width: 450px){
  
  
  .sigProThumb {
    width: auto;
}
}



@media screen and (max-width: 387px) {
  .box1{
    float:none !important;
    width:200px !important;
    padding:0 !important;
    border:none !important;
    margin:0 auto !important;
  }
  .box2{
    float:none !important;
    width:200px !important;
    padding:0 !important;
    border:none !important;
    margin:0 auto !important;
  }
  .box3{
    float:none !important;
    width:200px !important;
    padding:0 !important;
    border:none !important;
    margin:0 auto !important;
  }
  .box4{
    float:none !important;
    width:200px !important;
    padding:0 !important;
    border:none !important;
    margin:0 auto !important;
  }
}
@media screen and (max-width: 285px) {


}