/***** Smart Phones & Tablets *****/
@media (max-width: 767px){


    
    /************** START HOME PAGE CSS ***************/
    
    .main_menu_area .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.submenu .dropdown-menu li a.active {
     background: rgba(87, 0, 84, 0.7);
     color: #fff !important;
     text-shadow: 1px 1px 2px #000;
   }
 
    .navbar-default .navbar-brand img {
	padding: 8px 0px 0px 5px;
	width: 196px;
	height: 60px;
    }
    
    
    /* Slider Area CSS:
    ============================================================================================ */
    .slider_area .slider_inner .rev_slider .tp-revslider-mainul li .slider_text_box .first_text {
	color: #fff;
	font-size: 38px !important;
    }
    .slider_area .slider_inner .rev_slider .tp-revslider-mainul li .slider_text_box .third_text {
	color: #fff;
    }
    
    
    /* Footer Area CSS:
    ============================================================================================ */
    .footer_widget_area {
	background: #3b0039;
	padding: 60px 0px 20px 0px;
    }
    
    .f_w_title {
      padding-bottom: 15px;
    }
    
    .about_widget p {
      font-size: 13.5px;
      font-family: "Open Sans", sans-serif;
      padding: 0 0 15px 0;
    }
    
    .contact_widget ul {
      padding-left: 30px;
      margin-bottom: 30px;
    }

    
    .contact_widget ul li a {
	padding: 3px 0 0 20px;
    }
    
    .contact_widget ul li a i {
      top: 4px;
      left: -10px !important;
      font-size: 16px;
    }
    
    .contact_widget ul li i {
      top: 8px;
      padding-left: 0;
      font-size: 17px;
      color: rgba(251,242,0,0.7);
    }
    
    .contact_widget ul li p {
      padding: 3px 0 0 0;
    }
    
    .contact_widget ul li p i {
      top: 8px;
      left: -10px;
      font-size: 17px;
    }
    
    .contact_widget ul li p span {
      padding: 3px 0 0 20px;
    }
    
    .copy_right_area {
	padding: 25px 0;
      }
    
    .copy_right_area .pull-right h5 {
      color: #fff;
      line-height: 20px;
      font-size: 13px !important;
      font-family: 'Poppins', sans-serif;
      text-align: center;
    }
    
    .copy_right_area .pull-left h5 {
      color: #fff;
      line-height: 20px;
      font-size: 13px !important;
      font-family: 'Poppins', sans-serif;
    }
    /************** END HOME PAGE CSS ***************/
    
    .banner_area {
      min-height: 400px;
      margin-top: 0;
    }
    
    
    .banner_area .banner_content {
	padding: 190px 0px 0px 0px !important;
      }
    
    
    
    
    /************** START INTERNAL PAGES CSS ***************/
    
    .banner_area .banner_content h4 {
     color: #fff;
     font-family: 'Poppins', sans-serif;
     font-size: 40px;
     padding-bottom: 15px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0;
   }   
    
    /* About Us Page CSS:
    ============================================================================================ */
    .about_us_content {
      padding: 0 0px 70px 0;
    }
    
    .about-int {
      padding: 4em 0;
    }
  
  
  
  
  
    /* Products Pages CSS:
    ============================================================================================ */
    .lightspeed-box .lsb-image-title {
      padding: 8px 20px;
      font-size: 14px;
      text-shadow: 0 1px 4px #000000;
    }

    .wthree_text{
      padding: 8em 0 0 0;
    }
    
    .gallery p {
       color: #666;
       font-family: 'Poppins', sans-serif;
       padding: 0 0 20px 0;
    }
   
  
  
    
    /************** END INTERNAL PAGES CSS ***************/
    
}








/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
    
    /* Footer area css
    ============================================================================================ */
    .f_w_title {
      padding-bottom: 5px;
    }
	
}







@media screen and (max-width: 980px) and (min-width: 521px) {

#main-nav .navbar-toggle {
    background-color: rgba(0,86,166,0.9);
}




}