/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){

  .chairman-er-chair{
    font-size: 5.0em;
  }
  .stage{
    background: url('../img/banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 -6.7px;
  }
  .container {padding: 0;}
  .container-fluid{padding: 0;}

  .mobile-only{
    display: none;
  }

  .chamman{
    height: 480px;
    padding: 0 8%;
    clear: both;
  }

  .rog{
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    position: relative;
    bottom: 375px;
    right: 105px;
    font-size: 37px;
    color: #fff;
    font-family: 'myriad', Montserrat;
    -webkit-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -moz-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -o-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
  }
  .rog span{
    font-size: 18px;
  }
  .focalPoint .rog{
    opacity: 1;
    -webkit-transition-delay: 1.5s; 
    -moz-transition-delay: 1.5s; 
    -o-transition-delay: 1.5s; 
    transition-delay: 1.5s;
  }
}


/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .chairman-er-chair{
    font-size: 3.5em;
  }
  .mobile-only{
    display: none;
  }
  .chamman{
    height: 480px;
    padding: 0 8%;
  }

  .rog{
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    position: relative;
    bottom: 375px;
    right: 105px;
    font-size: 37px;
    color: #fff;
    font-family: 'myriad', Montserrat;
    -webkit-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -moz-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -o-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
  }
  .rog span{
    font-size: 18px;
  }
  .focalPoint .rog{
    opacity: 1;
    -webkit-transition-delay: 1.5s; 
    -moz-transition-delay: 1.5s; 
    -o-transition-delay: 1.5s; 
    transition-delay: 1.5s;
  }

/*==============================================
    Header Area Css
    ===============================================*/    
    .top-info ul li {
      display: inline-block;
      margin-left: 25px;
    }

    .logo a img {
      position: relative;
      margin-top: 5%;
      margin-bottom: 5%;
    }
    .top-info {
      position: relative;
      left: 3%;
      margin-top: 2%;
    }

    .social ul.social-icons {
     padding-left: 0px!important; 
   }

   ul.main-menu li a {
    padding: 20px 17px!important;
  }

  .home-stats {
    background: #f4f5f8;
    padding: 54px 0;
    margin-top: 3%;
  }


  .resellerarea {
    height: 22%;

  }

  .reseller {
    margin-top: 6%;

  }


  .welcome-industry-area .video-gallery-bg .video-gallery {

    left: 10px;
  }

/*** 
=============================================
    Mainmenu Area style
=============================================
***/    
.main-menu .navigation li a {
  padding: 13px 14px;
}    
.main-menu .navigation > li.dropdown > a {
  padding-right: 30px;
}    
.main-menu .navigation > li.dropdown > a::after {
  right: 15px;
}    
.quote-button a {
  width: 100%;
} 

.main-menu .navigation li {
  margin-right: -9px;
}

/*** 
=============================================
    About Us style
=============================================
***/    
.about-us-area .image-column {
  width: 100%;
  margin: 0 auto;
  float: none;
}    
.about-us-area .content-column {
  float: none;
  padding: 50px 15px 0px 65px;
  width: 80%;
  margin: 0 auto;
  height: 550px;
}    

/*** 
=============================================
    Footer area style
=============================================
***/      
.single-footer-widget .follow-us {
  width: 180px;
}
.single-footer-widget .follow-us .text-holder {
  padding-left: 0px;
}    
.single-footer-widget .follow-us .text-holder h5 {
  margin: 8px 0 8px;
  display: block;
}

/*** 
=============================================
    Welcome Industry area style
=============================================
***/     
.welcome-industry-area .content {
}    



/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area {
  padding-top: 80px;
}    
.choosing-area .img-box {
  margin-top: 190px;
}    

/*** 
=============================================
    contact area style
=============================================
***/      
.contact-social-links ul li {
  margin-right: 5px;
}    

/*** 
=============================================
    Shop area style
=============================================
***/     
.single-product-item .title h3 {
  font-size: 14px;
  margin: 0 0 5px;
}    


/*** 
=============================================
   Solution Single area  style
=============================================
***/     
#solution-single-area .single-solution-content .top {
  margin-bottom: 50px;
}   

body,html{
  overflow-x: hidden;
} 

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .chairman-er-chair{
    font-size: 2.5em;
  }
  .mobile-only{
    display: none;
  }

  .stage{
    background: url('../img/banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 -6.7px;
  }

  .news-post{
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .news .container .row{
    margin-right: 2.5%;
  }
  .quickaccess{
    padding-left: 10%;
  }

  .abt{
    padding-left: 10%;
    margin-bottom: 10%;
  }
  
  .rog{
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    position: relative;
    bottom: 275px;
    right: 80px;
    font-size: 26px;
    color: #fff;
    font-family: 'myriad', Montserrat;
    -webkit-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -moz-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -o-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
  }
  .rog span{
    font-size: 18px;
  }
  .focalPoint .rog{
    opacity: 1;
    -webkit-transition-delay: 1.5s; 
    -moz-transition-delay: 1.5s; 
    -o-transition-delay: 1.5s; 
    transition-delay: 1.5s;
  }

/*==============================================
    Header Area Css
    ===============================================*/

    body{
      overflow-x: hidden!important;
    }
    .container{
      overflow-x: hidden!important;
    }
    .logo {
      float: none !important;
      text-align: center;
      margin: 0 0 30px;
    } 
    .top-info ul li {
      display: inline-block;
      margin-left: 20px;
    } 

    .ct{
      display: none;
    }

    .proimg{
      display: none;
    }

    .product-right {
      display: none;
    }

    .ptitle {
      top: -700px;
      left: 47%;
    }

    .header-area {
     /* background: #4B79A1; */ /* fallback for old browsers */
     /*background: -webkit-linear-gradient(to left, #283E51, #4B79A1);*/  /* Chrome 10-25, Safari 5.1-6 */
     /*background: linear-gradient(to left, #283E51, #4B79A1);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     padding-bottom: 0px; 
   }

   .top-info{
    display: none;
  }

  .logo a img {
    width: 68%;
  }
  .main-menu .navigation li a {
    padding: 13px 6px!important;
    position: relative;
    left: -51px;
  }

  #introSlider .glide__arrows {
    left: 41px;
  }


  .breadcrumb-bottom-area .right {
    margin-right: 5%;
  }

  .welcome-industry-area .video-gallery-bg {
    width: 88%;
  }
  
  .welcome-industry-area .content {
    margin-top: 15%;
  }
  
/*** 
=============================================
    Mainmenu Area style
=============================================
***/    
.mainmeu-area {
  margin-bottom: 0;
  margin-top: 0;
}
.main-menu .navigation li a {
  padding: 13px 10px;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 30px;
}    
.top-search-box {
  margin-right: 0;
}    
.main-menu .navigation > li.dropdown > a::after {
  right: 14px;
} 
.quote-button a {
  height: 55px;
  line-height: 52px;
}  

.main-menu .navigation li {
  margin-right: -6px;
}

.main-menu {

}

.navbar-collapse.collapse.in {
  position: absolute;
  top: 141px;
  left: 17px;
}

.brand-area .brand .owl-stage-outer {
  z-index: 10;
  height: 171px;
}

.slider-content h2 {
  font-size: 34px!important;
  display: inline;
  position: relative;
  left: 8%;
}
.slider-content p {
  position: relative;
  left: 8%!important;
  margin-top: 3%!important;
}

.slider-content .primary-btn {
  margin-left: 9%;
}

.glide {
  top: 79px;
}

.sectionTitle .title {
  margin-bottom: 6px;
}

.button--wayra {
  left: -21px;
}

.row.pre-footer {

  top: 0px;
  left: -18px;
  margin-bottom: 6%;
}
.quickaccess {
  position: relative;
  top: -130px;
}


/*** 
=============================================
    About Us style
=============================================
***/    
.about-us-area .image-column {
  width: 100%;
  margin: 0 auto;
  float: none;
}    
.about-us-area .content-column {
  float: none;
  padding: 50px 15px 0px 65px;
  width: 100%;
  margin: 0 auto;
  height: 550px;
}    
.about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter {
  margin-right: 25px;
}  

.processing-system li {
  margin: 0 26px;
}
.resellerarea {
  height: 22%;
  
}

.reseller{
  margin-top: -1%;
}

.sectionTitle .top {
  font-size: 17px;
}

.no-gutters{
  overflow: hidden;
}

.introSection .introCopy .title {
  font-size: 1.5em;
  padding-top: 5%;
}

.description p{

}

.introCopy{
  height: 300px!important;
}



/*** 
=============================================
    Latest project Area style
=============================================
***/
.latest-project-area {
  padding-bottom: 40px;
}    
.single-latest-project {
  margin-bottom: 40px;
}    

/*** 
=============================================
    Footer area style
=============================================
***/       
.single-footer-widget.pd-bottom {
  padding-bottom: 50px;
  overflow: hidden;
}
.single-footer-widget .follow-us {
  display: inline-block;
}        

/*** 
=============================================
    Footer bottom area style
=============================================
***/       
.footer-bottom-area .copyright-text p {
  text-align: center;
  margin: 0 0 10px;
}
.footer-bottom-area .footer-menu {
  float: none;
  text-align: center;
}    
.footer-bottom-area .footer-menu li {
  margin: 0 30px;
}

/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area {
  padding-top: 80px;
  padding-bottom: 80px;
}    
.choosing-area .img-box {
  margin-top: 50px;
}   
.choosing-area form {
  margin-top: 70px;
}    

/*** 
=============================================
    contact area style
=============================================
***/    
.send-message-form {
  padding-top: 80px;
}    

/*** 
=============================================
    News area style
=============================================
***/      
.sidebar-wrapper {
  margin-top: 80px;
}    

/*** 
=============================================
    project area style
=============================================
***/ 
.project-filter {
  margin-bottom: 40px;
}    
.project-filter li {
  margin: 0 8px 10px;
}    

/*** 
=============================================
    project Single area style
=============================================
***/     
.project-single-area .single-project-info {
  margin: 70px 0 30px;
}

/*** 
=============================================
    Account area style
=============================================
***/      
.account-area .form.register {
  margin-top: 50px;
}    

/*** 
=============================================
    Account area style
=============================================
***/  
.product-content-box .flexslider {
  margin: 0 0 10px;
  width: 400px;
}    
.product-content-box .content-box {
  margin-left: 0;
  margin-top: 50px;
}    

/*** 
=============================================
    Cart area style
=============================================
***/      
.cart-middle .update-cart-pro-check {
  float: left !important;
  margin-top: 15px;
}    
.cart-bottom .calculate-shipping input.zip-code[type="text"] {
  margin-top: 25px;
}
.cart-total {
  padding-top: 70px;
}    

/*** 
=============================================
    Checkout area style
=============================================
***/      
.checkout-area .shipping-info {
  margin: 70px 0 0;
}    
.payment-details {
  margin: 70px 0 0;
}

/*** 
=============================================
   Solution Single area  style
=============================================
***/
#solution-single-area .single-solution-content .top {
  margin-bottom: 50px;
}    
#solution-single-area .single-solution-content .top .img-holder {
  margin-right: 0;
}
#solution-single-area .single-solution-content .top .img-holder img {
  width: 100%;
}    
#solution-single-area .single-solution-content .top .text-holder {
  padding-left: 0;
  padding-top: 30px;
}    

#solution-single-area .single-solution-content .bottom .img-holder {
  margin-right: 0;
}
#solution-single-area .single-solution-content .bottom .img-holder img {
  width: 100%;
}    
#solution-single-area .single-solution-content .bottom .accordion-box {
  margin: 30px 0 0;
  padding-left: 0;
}

#solution-single-area .single-solution-content .caption-box .title {
  float: none !important;
  text-align: center;
}
#solution-single-area .single-solution-content .caption-box .button {
  float: none !important;
  margin: 10px 0 0;
  text-align: center;
}    
#solution-single-area .sidebar {
  margin-top: 70px;
}    



}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

  .chairman-er-chair{
    font-size: 1.5em;
  }
  .stage{
    background: url('../img/banner.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 -6.2px;
  }
  .chamman{
    height: 0 px;
  }
  .news .blogList_single_post{
    margin-bottom: 12px !important;
  }
  .quickaccess{
    margin-left: 10%;
  }
  .quick{
    margin-right: 20%!important;
    text-align: center;
  }
  .widget{
    text-align: center;
  }
  .abt{
    padding-left: 10%;
    margin-bottom: 10%;
  }

  .rog{
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    position: relative;
    bottom: 130px;
    right: 40px;
    font-size: 12px;
    color: #fff;
    font-family: 'myriad', Montserrat;
    -webkit-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -moz-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    -o-transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: opacity 1s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
  }
  .rog span{
    font-size: 10px;
  }
  .focalPoint .rog{
    opacity: 1;
    -webkit-transition-delay: 1.5s; 
    -moz-transition-delay: 1.5s; 
    -o-transition-delay: 1.5s; 
    transition-delay: 1.5s;
  }

  
/*==============================================
    Header Area Css
    ===============================================*/
    .header-area {
      padding-bottom: 0;
    }    
    .logo {
      float: none !important;
      text-align: center;
      margin: 0 0 30px;
    } 

    .ftbl{

      padding: 8px 5px; 

    }

    .srch {
      width: 44%!important;
      margin-right: 2%;
    }
    .top-info {
      padding-top: 2px;
      float: none !important;
      width: 250px;
      margin: 0 auto;
    }    
    .top-info ul li {
      display: block;
      margin-left: 0;
      margin-bottom: 30px;
    }
    .top-info ul li:last-child {
      margin-bottom: 0px;
    }    
    .top-info ul li .social-links {
      top: 0px;
    }    

    body{
      overflow-x: hidden!important;
    }

    .container{
      overflow-x: hidden!important;
    }

    .ct{
      display: none;
    }

    .proimg{
      display: none;
    }

    .product-right {
      display: none;
    }

    .pdetails p {
      width: 82%;
    }

    .ptitle {
      padding-top: 40%;
      left: 6%;
      top: -820px;
      width: 93%;
    }

    .ptitle h4 {
      font-size: 13px;

    }

    .pdetails {
      margin-top: 27%;
    }

/*.ptitle {
    top: -700px;
    left: 47%;
    }*/



    #loader-wrapper {

      top: 40%;
      left: 5%;

    }


    .accordion-box .accordion .accord-btn h4 {
      font-size: 9px;

    }

    .accor{
      margin-left: 0%!important;
    }

    .about_para {
      font-size: 12px;

    }



    body .modal-content {
      width: 88vw!important;

    }

    body .modal-content .modal-header {

      padding: 22px 0px 17px 14px!important;
      font-size: 22px!important;

    }

    body .modal-content {
      top: 98px!important;
    }

    #mdclose{
      position: relative;
      left: 0px;
    }

    .unit-body h4 {
      font-size: 11px!important;
      line-height: 22px;
    }

    .about_para {
      padding: 10px 20px;
    }

    .reseller h2 {
      font-size: 20px;
    }

    .reseller p{
      font-size: 10px;
    }

    .reseller {
      margin-top: 11%;
      width: 290px;
      position: relative;
      left: -55%;
      padding: 11px 16px;
    }

    .resellerarea{
      height: 17%;
    }

    .sectionTitle .top {
      font-size: 21px;
    }

    .introSection .introCopy .title {
      font-size: 1.3em;
    }

    .description p {
      font-size: 10px;
      margin-top: 0px;
      line-height: 17px;
    }


    .welcome-industry-area .video-gallery-bg {

      display: none;
    }

    .tdtitle {
      font-size: 1em;
      text-transform: lowercase;
    }

    #myInput {
      margin-bottom: 5%;
    }

    .accordion-box {

      margin-right: 0px;

    }

    .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px;
      display: none;
    }

    .flex-direction-nav .flex-next {
      opacity: 1;
      right: 10px;
      display: none;
    }

    .introSection .introCopy .description {
      padding: 32px 80px 10px 40px;
    }


    .header-area {
     /* background: #4B79A1; */ /* fallback for old browsers */
     /*background: -webkit-linear-gradient(to left, #283E51, #4B79A1);*/  /* Chrome 10-25, Safari 5.1-6 */
     /*background: linear-gradient(to left, #283E51, #4B79A1);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     padding-bottom: 0px; 
   }

   .top-info{
    display: none;
  }

  .navbar-toggle {
    top: -21px!important;
  }
  .logo-top-info {
    padding: 0px 0 0!important;
  }

  .introCopy{
    height: 350px!important;
  }
  .row.pre-footer {
    position: relative;
    top: 0px;
  }

  .quickaccess {
    position: relative;
    
  }

  .button--wayra {
    position: relative;
    left: -20px;
  }
  
/*** 
=============================================
    Mainmenu Area style
=============================================
***/ 
.mainmenu-area {
  margin-bottom: 0;
  margin-top: 0;
}
.top-search-box {
  margin-right: 0;
  position: relative;
  top: 55px;
}
.top-search-box button {
  height: 50px;
  line-height: 56px;
  width: 50px;
}  
.quote-button a {
  height: 55px;
  line-height: 52px;
}    

.mainmeu-area .mainmenu-bg {
  background: none;
  display: block;
}    
.main-menu {
  display: inline-block;
  float: right !important;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 5;
  width: 100%;
}
.main-menu .navigation li {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.main-menu .navigation > li:before{
  margin-left: 0px;
  width: 0px;
}    
.main-menu .navigation li a::before {
  width: 0;
}    
.main-menu .collapse {
  float: none;
  margin: 0;
  max-height: 300px;
  overflow: auto;
  padding: 0;
  width: 80%;
}  
.main-menu .collapse.in, .main-menu .collapsing {
  margin-top: 0px;
}
.main-menu .navbar-header {
  display: block;
  float: none;
  padding: 0 0 0px;
  position: relative;
  right: 0px;
  text-align: right;
  width: 100%;
  z-index: 12;
}
.main-menu .navbar-header .navbar-toggle {
  background: #353535;
  border-radius: 0;
  display: inline-block;
  float: left;
  top: -11px;
  z-index: -7;
  width: 50px;
  height: 50px;
  padding: 15px 13px;
  margin: 0;
  left: -5%;
  position: relative;
}   

.logo a img {
  display: inline-block;
}
.main-menu .navbar-header .navbar-toggle .icon-bar {
  background: #fff none repeat scroll 0 0;
  font-weight: 400;
}
.main-menu .navbar-collapse > .navigation {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
  background: #292929;
}    
.main-menu .navbar-collapse > .navigation > li{
  margin:0px !important;
  float:none !important;
  width:100%;
}  
.main-menu .navigation > li > a:before{
  background: none;        
}  
.main-menu .navigation li.dropdown > a:after{
  display:none !important;
}  
.main-menu .navbar-collapse > .navigation > li > ul{
  position:relative;
  border:none;
  float:none;
  visibility:visible;
  opacity:1;
  display:none;
  margin:0px;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:100%;
  background: none;
  border-radius:0px;
  -webkit-border-radius:0px;
  -ms-border-radius:0px;
  -o-border-radius:0px;
  -moz-border-radius:0px;
  transition:none !important;
  -webkit-transition:none !important;
  -ms-transition:none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
}		
.main-menu .navbar-collapse > .navigation > li > ul{
  border-top: 0px solid rgba(255,255,255,1) !important;	
}	
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li{
  border-top:1px solid rgba(14,14,14, .7) !important;
  opacity:1 !important;
  top:0px !important;
  left:0px !important;
  visibility:visible !important;
}
.main-menu .navigation > li > ul > li {
  border-bottom: none;
}    
.main-menu .navbar-collapse > .navigation > li:first-child{
  border:none;	
}   
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
  background: #292929 none repeat scroll 0 0;
  color: #fff !important;
  line-height: 22px;
  padding: 12px 13px !important;
  text-align: left;
  font-weight: 600;
}
.main-menu .navigation > li > ul > li > a::before{
  display: none;
}		
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a{
  background:skyblue;
  color:#292929 !important;
  box-shadow: 2px 1px 2px #fff;
}	
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
  display:block;
}   

/*** 
=============================================
    About Us Area style
=============================================
***/    
.about-us-area .image-column {
  width: 100%;
  margin: 0 auto;
  float: none;
}    
.about-us-area .content-column {
  float: none;
  height: 700px;
  margin: 0 auto;
  padding: 30px 30px 0 30px;
  width: 100%;
}
#history{
  height: 100%;
}
.about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter {
  display: block;
  margin-right: 0;
  text-align: center;
  margin: 0 0 30px;
} 

.processing-system li {
  display: block;
  margin: 0 30px;
  width: 130px;
  margin: 0 auto;
  margin-bottom: 50px;
} 
.processing-system li:last-child{
  margin-bottom: 0;        
}    

/*** 
=============================================
    Latest project Area style
=============================================
***/
.latest-project-area {
  padding-bottom: 40px;
}    
.single-latest-project {
  margin-bottom: 40px;
}    
.latest-project-area .button {
  display: block;
  float: left !important;
  overflow: hidden;
  width: 100%;
  margin: 0 0 50px;
}


.introCopy{
  min-height: 237.625px!important;
}

.slide-content-box{
  display: none;
}

.moon {
  height: 168px;
  width: 168px;
  margin-bottom: 55px;
  margin-left: 30px;
}

.sec-title h1 {
  font-size: 14px;
  font-weight: 700;
}

.about-us-area .content-column {
  overflow: scroll;
  overflow-x: hidden;
}

.brand-area .brand .owl-stage-outer {
  height: 163px;
}

/*** 
=============================================
    Footer area style
=============================================
***/
.single-footer-widget.pd-bottom {
  padding-bottom: 50px;
  overflow: hidden;
}    
.single-footer-widget.pd-bottom-inst{
  overflow: hidden;
  padding-bottom: 50px;
} 
.single-footer-widget .follow-us {
  display: inline-block;
}    

/*** 
=============================================
    Footer bottom area style
=============================================
***/       
.footer-bottom-area .copyright-text p {
  text-align: center;
  margin: 0 0 10px;
}
.footer-bottom-area .footer-menu {
  float: none;
  text-align: center;
}    
.footer-bottom-area .footer-menu li {
  margin: 0 30px;
}    

/*** 
=============================================
    Special Service area style
=============================================
***/       
.special-service-area .single-item.pd-bottom-2{
  margin-bottom: 30px;
} 

/*** 
=============================================
    Welcome Industry area style
=============================================
***/     
.welcome-industry-area .content {

} 
.welcome-industry-area .video-gallery-bg .video-gallery {
  left: 0;
}    

/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area {
  padding-top: 80px;
  padding-bottom: 80px;
}    
.choosing-area .img-box {
  margin-top: 50px;
}   
.choosing-area form {
  margin-top: 70px;
}    

/*** 
=============================================
    contact area style
=============================================
***/    
.send-message-form {
  padding-top: 80px;
}    

/*** 
=============================================
    News area style
=============================================
***/      
.sidebar-wrapper {
  margin-top: 80px;
}    

/*** 
=============================================
    project area style
=============================================
***/ 
.project-filter {
  margin-bottom: 40px;
}    
.project-filter li {
  margin: 0 8px 10px;
}    

/*** 
=============================================
    project Single area style
=============================================
***/     
.project-single-area .single-project-info {
  margin: 70px 0 30px;
}

/*** 
=============================================
    Account area style
=============================================
***/      
.account-area .form.register {
  margin-top: 50px;
} 

/*** 
=============================================
    Shop area style
=============================================
***/          
.shop-area .ui-selectmenu-button {
  float: left;
  margin-top: 10px;
}    

/*** 
=============================================
    Account area style
=============================================
***/  
.product-content-box .flexslider {
  margin: 0 0 10px;
  width: 100%;
}    
.product-content-box .content-box {
  margin-left: 0;
  margin-top: 50px;
}    

/*** 
=============================================
    Cart area style
=============================================
***/      
.cart-middle .update-cart-pro-check {
  float: left !important;
  margin-top: 15px;
}    
.cart-bottom .calculate-shipping input.zip-code[type="text"] {
  margin-top: 25px;
}
.cart-total {
  padding-top: 70px;
}    
.cart-middle .update-cart-pro-check a {
  float: left;
  margin: 10px 0 0;
}    

.cart-middle .apply-coupon {
  padding-left: 180px;
}    
.cart-middle .apply-coupon input[type="text"] {
  width: 170px;
}    
.cart-middle .apply-coupon .apply-coupon-button button {
  width: 135px;
}    

/*** 
=============================================
    Checkout area style
=============================================
***/     
.payment-details .payment-detail-tab .tab-content .save-card {
  float: none !important;
}    
.card-image.pull-right {
  display: block;
  float: left !important;
  overflow: hidden;
}    
.placeorder-button button {
  margin: 40px 0 0;
}    

/*** 
=============================================
    Checkout area style
=============================================
***/      
.checkout-area .shipping-info {
  margin: 70px 0 0;
}    
.payment-details {
  margin: 70px 0 0;
}


/*** 
=============================================
   Solution Single area  style
=============================================
***/
#solution-single-area .single-solution-content .top {
  margin-bottom: 50px;
}    
#solution-single-area .single-solution-content .top .img-holder {
  margin-right: 0;
}
#solution-single-area .single-solution-content .top .img-holder img {
  width: 100%;
}    
#solution-single-area .single-solution-content .top .text-holder {
  padding-left: 0;
  padding-top: 30px;
}    

#solution-single-area .single-solution-content .bottom .img-holder {
  margin-right: 0;
}
#solution-single-area .single-solution-content .bottom .img-holder img {
  width: 100%;
}    
#solution-single-area .single-solution-content .bottom .accordion-box {
  margin: 30px 0 0;
  padding-left: 0;
}

#solution-single-area .single-solution-content .caption-box .title {
  float: none !important;
  text-align: center;
}
#solution-single-area .single-solution-content .caption-box .button {
  float: none !important;
  margin: 10px 0 0;
  text-align: center;
}    
#solution-single-area .sidebar {
  margin-top: 70px;
}            
#solution-single-area .single-solution-content .experts-provide .single-experts-provide .text-holder {
  padding-left: 30px;
  padding-right: 0;
}

#introSlider .glide__arrows {
  left: 41px;
}


}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .chairman-er-chair{
    font-size: 2.5em;
  }
  .mobile-only{
    display: block;
  }
  #introSlider .glide__arrows {
    left: 41px;
  }

  body{
    overflow-x: hidden!important;
  }

  .container{
    overflow-x: hidden!important;
  }

  .welcome-industry-area .video-gallery-bg {
    display: none;
  }

  .accor{
    margin-left: 0%!important;
  }

  .about_para {

    font-size: 12px;

  }

  .quick{
    margin-left: 0%!important;
  }

  .ptitle {
    width: 93%!important;
  }
  
}


/* Medium screen  */ 
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .chamman{
    height: 480px;
    padding: 0 8%;
  }
  .chairman-er-chair{
    font-size: 3.5em;
  }
/*** 
=============================================
    About Us Area style
=============================================
***/    
.about-us-area .content-column .inner-box .fact-counter ul li.single-fact-counter {
  display: inline-block;
  margin-right: 25px;
}
.processing-system li .single-item .iocn-holder {
  height: 100px;
  width: 100px;
}
.processing-system li .single-item .iocn-holder span::before {
  height: 98px;
  width: 98px;
}    







}