/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px) {
   .container {
      padding: 0;
   }
   .container-fluid {
      padding: 0;
   }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   /*** 
=============================================
    Top bar Area style
=============================================
***/
   .top-bar-area .rate {
      float: right;
      margin-right: 65px;
   }

   /*** 
=============================================
    Header Area style
=============================================
***/
   .header-contact-info ul {
      margin: 5px 0 5px 0px;
   }
   .header-contact-info ul li {
      margin-right: 10px;
   }

   /*** 
=============================================
    Main menu Area style
=============================================
***/
   .main-menu .navigation li a {
      padding: 20px 19px;
   }
   .main-menu .navigation > li > ul {
      left: 20px;
   }
   .customer-care {
      margin: 14px 0 14px 0px;
      padding-left: 35px;
      position: relative;
   }

   /*** 
=============================================
    Footer Area style
=============================================
***/
   .single-footer-widget.subscribe-form-widget {
      margin-left: 0;
      padding-right: 0;
   }
   .single-footer-widget .footer-social-links ul li {
      margin-right: 12px;
   }
   .single-footer-widget .footer-contact-info li {
      padding-left: 25px;
   }
   .single-footer-widget.contact-info-widget {
      margin-left: 0;
   }

   /*** 
=============================================
    Categories Area style
=============================================
***/
   .categories-area .single-item .text-holder {
      padding: 27px 12px 13px 25px;
   }

   /*** 
=============================================
    About us Area style
=============================================
***/
   .about-us-area .about-content ul li {
      width: 145px;
   }

   /*** 
=============================================
    Appoinment Area style
=============================================
***/
   .appoinment-area .products .single-product ul li {
      margin: 0 3px 30px;
      width: 103px;
   }

   /*** 
=============================================
    Core Value Area style
=============================================
***/
   .core-value-area .img-holder img {
      margin-left: 0;
      width: auto;
   }

   /*** 
=============================================
    Service Single Area style
=============================================
***/
   #service-single-area .service-single-sidebar .repair-time {
      padding-left: 20px;
   }

   /*** 
=============================================
    Login Register Area style
=============================================
***/
   .login-register-area .form a.forgot-password {
      margin: 70px 0 0;
   }
   .login-register-area .register {
      padding-top: 50px;
   }
   .login-register-area .form h6 {
      margin: 28px 0 0;
   }

   /*** 
=============================================
    Main Shop Area style
=============================================
***/
   .single-product-item .title-holder .top .product-title {
      float: none !important;
   }
   .single-product-item .title-holder .top .review-box {
      float: none !important;
      display: block;
   }

   /*** 
=============================================
    Single Shop Area style
=============================================
***/
   .single-shop-content .img-holder {
      margin-right: 20px;
   }
   .single-shop-content .content-box {
      margin-left: -20px;
   }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
   /*** 
=============================================
    Top bar Area style
=============================================
***/
   .top-bar-area .welcome p {
      text-align: center;
      margin: 5px 0;
   }
   .top-bar-area .topinfo {
      position: static;
   }
   .top-bar-area .topinfo .select-items {
      width: 250px;
      margin: 0 auto;
      float: none;
   }
   .top-bar-area .rate {
      float: none;
      margin-right: 0;
      text-align: center;
   }
   .top-social-links ul {
      float: none;
      text-align: center;
   }

   /*** 
=============================================
    Header Area style
=============================================
***/
   .header-area .logo {
      text-align: center;
      margin-bottom: 20px;
   }

   .header-contact-info ul {
      margin: 5px 0;
      overflow: hidden;
   }
   .header-contact-info ul li {
      margin-right: 20px;
   }

   /*** 
=============================================
    Mainmenu Area style
=============================================
***/
   .main-menu .navigation li a {
      padding: 15px 12px;
   }
   .main-menu .navigation > li > ul {
      left: 15px;
      width: 230px;
   }
   .customer-care {
      margin: 12px 0;
      padding-left: 30px;
   }
   .customer-care .icon-holder {
      top: 5px;
   }
   .customer-care .icon-holder span::before {
      font-size: 25px;
   }
   .customer-care .title-holder h5 {
      font-size: 13px;
      margin: 0 0 5px;
   }
   .customer-care .title-holder h4 {
      font-size: 14px;
   }
   .top-search-box button {
      height: 60px;
      line-height: 58px;
      width: 60px;
   }

   /*** 
=============================================
    Footer Area style
=============================================
***/
   .footer-area .footer-widget {
      margin-top: 35px;
   }
   .single-footer-widget.subscribe-form-widget {
      margin: 50px 0 50px;
      padding: 0;
      width: 255px;
   }
   .single-footer-widget.contact-info-widget {
      margin-left: 0;
   }

   /*** 
=============================================
    Blog Area style
=============================================
***/
   #blog-area .blog-post {
      border-right: medium none;
      margin-right: 0;
      padding-right: 0;
   }
   .sidebar-wrapper {
      margin-top: 70px;
      padding-left: 0;
   }

   /*** 
=============================================
    About us Area style
=============================================
***/
   .about-us-area .choose-us-content {
      padding-top: 70px;
   }

   /*** 
=============================================
    Appoinment Area style
=============================================
***/
   .appoinment-area .products .single-product ul li {
      display: block;
      float: left;
      margin: 0 5px 30px;
      width: 165px;
   }
   .appoinment-area .products .single-product ul li .img-holder img {
      width: 100%;
   }
   .appoinment-area .appoinment {
      margin-top: 60px;
   }

   /*** 
=============================================
    Contact Area style
=============================================
***/
   .contact-area {
      padding-bottom: 80px;
      padding-top: 80px;
   }
   .contact-area .contact-info {
      padding-bottom: 70px;
   }

   /*** 
=============================================
    Video Gallery Area style
=============================================
***/
   .video-gallery-area .video-gallery {
      margin: 50px 0 0;
   }

   /*** 
=============================================
    Core Value Area style
=============================================
***/
   .core-value-area .img-holder img {
      margin-left: 0;
      width: auto;
   }

   /*** 
=============================================
    Working Process Area style
=============================================
***/
   .working-process-area {
      padding-bottom: 23px;
   }
   .working-process-area .single-iten {
      margin-bottom: 40px;
   }

   /*** 
=============================================
    Faq Single Area style
=============================================
***/
   .faq-single-area .accordion-box {
      padding-bottom: 60px;
      padding-top: 80px;
   }

   /*** 
=============================================
    Pricing Plan One Area style
=============================================
***/
   .pricing-plan-one-area {
      padding-bottom: 30px;
      padding-top: 80px;
   }
   .pricing-plan-one-area .single-pricing-box {
      padding-bottom: 50px;
   }

   /*** 
=============================================
    Pricing Plan Two Area style
=============================================
***/
   .pricing-plan-two-area {
      padding-bottom: 30px;
   }
   .pricing-plan-two-area .pricing-plan-two .pricing-plan .single-pricing-plan {
      padding-bottom: 50px;
   }

   /*** 
=============================================
    Service Single Area style
=============================================
***/
   #service-single-area .service-single-content .top-content .img-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .top-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .top-content .text-holder {
      margin-left: 0;
      margin-top: 30px;
   }
   #service-single-area .service-single-content .middle-content .text-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .middle-content .img-holder {
      margin-left: 0;
      margin-top: 30px;
   }
   #service-single-area .service-single-content .middle-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .bottom-content {
      padding-top: 20px;
   }
   #service-single-area .service-single-content .bottom-content .img-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .bottom-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .bottom-content .text-holder {
      margin-left: 0;
      margin-top: 15px;
   }
   #service-single-area .service-single-sidebar {
      margin-top: 60px;
   }

   /*** 
=============================================
    Checkout Area style
=============================================
***/
   .checkout-area .form.shipping-info {
      padding-top: 60px;
   }
   .checkout-area .cart-total {
      padding-top: 60px;
   }

   /*** 
=============================================
    Login Register Area style
=============================================
***/
   .login-register-area .form a.forgot-password {
      margin: 70px 0 0;
   }
   .login-register-area .register {
      padding-top: 50px;
   }
   .login-register-area .form h6 {
      color: #797979;
      float: left;
      font-size: 14px;
      margin-bottom: 0;
      margin-right: 0;
      margin-top: 27px;
   }

   /*** 
=============================================
    Cart Area style
=============================================
***/
   .cart-area .cart-bottom .calculate-shipping {
      padding-bottom: 60px;
   }

   /*** 
=============================================
    Main Shop Area style
=============================================
***/
   .single-product-item .title-holder .top .product-title {
      float: none !important;
   }
   .single-product-item .title-holder .top .review-box {
      float: none !important;
      display: block;
   }

   /*** 
=============================================
    Single Shop Area style
=============================================
***/
   .single-shop-content .img-holder {
      margin-right: 0px;
   }
   .single-shop-content .content-box {
      margin-left: 0;
      margin-top: 35px;
   }
   .related-product .single-product-item {
      margin-bottom: 40px;
   }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
   /*** 
=============================================
    Top bar Area style
=============================================
***/
   .top-bar-area .welcome p {
      text-align: center;
      margin: 5px 0;
   }
   .top-bar-area .topinfo {
      position: static;
   }
   .top-bar-area .topinfo .select-items {
      width: 250px;
      margin: 0 auto;
      float: none;
   }
   .top-bar-area .rate {
      float: none;
      margin-right: 0;
      text-align: center;
   }
   .top-social-links ul {
      float: none;
      text-align: center;
   }

   /*** 
=============================================
    Header Area style
=============================================
***/
   .header-area .logo {
      text-align: center;
      margin-bottom: 20px;
   }
   .header-contact-info ul {
      margin: 5px 0;
      overflow: hidden;
      width: 260px;
      margin: 0 auto;
   }
   .header-contact-info ul li {
      display: block;
      float: none;
      margin-right: 0;
      margin-bottom: 10px;
   }

   /*** 
=============================================
    Main mneu Area style
=============================================
***/

   .customer-care {
      margin: 0;
      padding-left: 35px;
      margin-top: -15px;
   }
   .top-search-box button {
      height: 42px;
      line-height: 40px;
      width: 46px;
      border-radius: 5px;
      background: transparent;
   }
   .top-search-box .search-box li form button {
      border-radius: 0;
   }

   .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 .collapse {
      border: 1px solid #fff !important;
      border-radius: 0px !important;
      float: none;
      margin: 0;
      max-height: 300px;
      overflow: auto;
      padding: 0;
      width: 100%;
   }
   .main-menu .collapse.in,
   .main-menu .collapsing {
      border: 1px solid #fff;
      border-radius: 0px;
      margin: 0 0 30px;
      padding: 0;
      border-top: none;
   }
   .main-menu .navbar-header {
      position: relative;
      float: none;
      display: block;
      text-align: right;
      width: 100%;
      padding: 15px 0px;
      right: 0px;
      z-index: 12;
   }
   .main-menu .navbar-header .navbar-toggle {
      border: 2px solid #43c3ea;
      display: inline-block;
      float: none;
      margin: 0;
      z-index: 7;
      width: 46px;
      height: 42px;
   }
   .main-menu .navbar-header .navbar-toggle .icon-bar {
      background: #fff none repeat scroll 0 0;
      font-weight: 700;
   }

   .main-menu .navbar-collapse > .navigation {
      background: #1f51b4;
      float: none !important;
      margin: 0 !important;
      width: 100% !important;
   }
   .main-menu .navbar-collapse > .navigation > li {
      margin: 0px !important;
      float: none !important;
      width: 100%;
      padding: 0;
   }
   .main-menu .navigation li.dropdown > a:after {
      display: none !important;
   }
   .main-menu .navbar-collapse > .navigation > li > a {
      padding: 10px 10px !important;
   }

   .main-menu .navbar-collapse > .navigation > li > ul,
   .main-menu .navbar-collapse > .navigation > li > ul > 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,
   .main-menu .navbar-collapse > .navigation > li > ul > 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,
   .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
      border-top: 1px solid #213661 !important;
      opacity: 1 !important;
      top: 0px !important;
      left: 0px !important;
      visibility: visible !important;
   }
   .main-menu .navbar-collapse > .navigation > li > a,
   .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
      padding: 10px 10px !important;
      line-height: 22px;
      color: #ffffff;
      background: #152545;
      text-align: left;
   }
   .main-menu .navbar-collapse > .navigation > li > ul > li > a {
      padding: 10px 20px !important;
      line-height: 22px;
      color: #ffffff;
      background: #152545;
      text-align: left;
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
   }

   .main-menu .navbar-collapse > .navigation > li > a:hover,
   .main-menu .navbar-collapse > .navigation > li > a:active,
   .main-menu .navbar-collapse > .navigation > li > a:focus {
      background: #43c3ea;
   }
   .main-menu .navbar-collapse > .navigation > li:hover > a,
   .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
   .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
   .main-menu .navbar-collapse > .navigation > li.current > a {
      background: #43c3ea;
      color: #ffffff !important;
   }
   .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
      display: block;
   }

   /*** 
=============================================
    Breadcrumb Area style
=============================================
***/
   .breadcrumb-area {
      height: auto;
      padding-bottom: 55px;
      padding-top: 55px;
   }
   .breadcrumb-botton-area .left {
      float: none !important;
      text-align: center;
   }
   .breadcrumb-botton-area .right {
      float: none !important;
      text-align: center;
   }

   /*** 
=============================================
    Footer Area style
=============================================
***/
   .footer-area .footer-widget {
      margin-top: 35px;
   }
   .single-footer-widget.subscribe-form-widget {
      margin: 50px 0 50px;
      padding: 0;
      width: 255px;
   }
   .single-footer-widget.contact-info-widget {
      margin-left: 0;
   }
   .footer-bottom .copyright-text {
      float: none !important;
      margin: 0 0 12px;
      text-align: center;
   }
   .footer-bottom .payment-method {
      float: none !important;
      overflow: hidden;
   }
   .footer-bottom .payment-method ul {
      margin-left: 0;
      margin-right: 0;
      text-align: center;
   }
   .footer-bottom .payment-method ul li {
      margin: 0 5px;
      text-align: center;
      float: none;
   }

   /*** 
=============================================
    Blog Area style
=============================================
***/
   #blog-area .blog-post {
      border-right: medium none;
      margin-right: 0;
      padding-right: 0;
   }
   .sidebar-wrapper {
      margin-top: 70px;
      padding-left: 0;
   }

   /*** 
=============================================
    About us Area style
=============================================
***/
   .about-us-area .about-content ul li {
      margin: 0 5px 10px;
   }
   .about-us-area .choose-us-content {
      padding-top: 70px;
   }

   /*** 
=============================================
    Appoinment Area style
=============================================
***/
   .appoinment-area .appoinment {
      margin-top: 60px;
   }

   /*** 
=============================================
    Blog single Area style
=============================================
***/
   .single-blog-item .text-holder .date-box {
      margin-top: 30px;
      position: static;
   }
   .single-blog-item .text-holder {
      padding-left: 0px;
      position: relative;
   }
   .blog-single-area .single-blog-item .text-holder {
      padding-left: 0;
      position: relative;
   }
   .blog-single-area .middle-content-box .img-holder,
   .blog-single-area .middle-content-box .text-holder {
      display: block;
   }
   .blog-single-area .middle-content-box .text-holder {
      padding-left: 0;
      padding-top: 40px;
   }
   .blog-single-area .middle-content-box .text-holder::before {
      left: 0;
      top: 10px;
   }
   .blog-single-area .middle-content-box .img-holder {
      width: auto;
   }

   .blog-single-area .tag-social-share-box .social-share {
      float: left !important;
      margin: 15px 0 0;
   }
   .blog-single-area .tag-social-share-box .tag {
      float: none !important;
   }
   .blog-single-area .author-box .text-holder {
      padding-left: 15px !important;
   }

   /*** 
=============================================
    Contact Area style
=============================================
***/
   .contact-area {
      padding-bottom: 80px;
      padding-top: 80px;
   }
   .contact-area .contact-info {
      padding-bottom: 70px;
   }

   /*** 
=============================================
    Video Gallery Area style
=============================================
***/
   .video-gallery-area .video-gallery {
      margin: 50px 0 0;
   }

   /*** 
=============================================
    Core Value Area style
=============================================
***/
   .core-value-area .img-holder img {
      margin-left: 0;
   }

   /*** 
=============================================
    Working Process Area style
=============================================
***/
   .working-process-area {
      padding-bottom: 23px;
   }
   .working-process-area .single-iten {
      margin-bottom: 40px;
   }

   /*** 
=============================================
    Faq Single Area style
=============================================
***/
   .faq-single-area .accordion-box {
      padding-bottom: 60px;
      padding-top: 80px;
      padding-left: 0;
   }

   /*** 
=============================================
    Faq Content Area style
=============================================
***/
   .faq-content-area .faq-content {
      padding: 50px 15px 20px;
   }
   .faq-content-area .faq-content .single-item {
      padding: 46px 20px 22px;
   }

   /*** 
=============================================
    Pricing Plan One Area style
=============================================
***/
   .pricing-plan-one-area {
      padding-bottom: 30px;
      padding-top: 80px;
   }
   .pricing-plan-one-area .single-pricing-box {
      padding-bottom: 50px;
   }

   /*** 
=============================================
    Pricing Plan Two Area style
=============================================
***/
   .pricing-plan-two-area {
      padding-bottom: 30px;
   }
   .pricing-plan-two-area .pricing-plan-two .pricing-plan .single-pricing-plan {
      padding-bottom: 50px;
   }

   /*** 
=============================================
    Service Single Area style
=============================================
***/
   #service-single-area .service-single-content .top-content .img-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .top-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .top-content .text-holder {
      margin-left: 0;
      margin-top: 30px;
   }
   #service-single-area .service-single-content .middle-content .text-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .middle-content .img-holder {
      margin-left: 0;
      margin-top: 30px;
   }
   #service-single-area .service-single-content .middle-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .bottom-content {
      padding-top: 20px;
   }
   #service-single-area .service-single-content .bottom-content .img-holder {
      margin-right: 0;
   }
   #service-single-area .service-single-content .bottom-content .img-holder img {
      width: 100%;
   }
   #service-single-area .service-single-content .bottom-content .text-holder {
      margin-left: 0;
      margin-top: 15px;
   }
   #service-single-area .service-single-sidebar {
      margin-top: 60px;
   }

   /*** 
=============================================
    Not Found Area  style
=============================================
***/
   .not-found-content .search-form {
      width: 300px;
   }
   .not-found-content .search-form input[type='text'] {
      width: 300px;
   }

   /*** 
=============================================
    Checkout Area style
=============================================
***/
   .checkout-area .form.shipping-info {
      padding-top: 60px;
   }
   .checkout-area .cart-total {
      padding-top: 60px;
   }

   /*** 
=============================================
    Login Register Area style
=============================================
***/
   .login-register-area .form a.forgot-password {
      float: left;
      margin: 35px 0 0;
   }
   .login-register-area .form.register {
      padding-top: 60px;
   }
   .login-register-area .form .social-icon {
      float: left;
      margin-right: 0;
      margin-top: 30px;
   }
   .login-register-area .form .social-icon span {
      left: 0;
      position: relative;
   }
   .login-register-area .form .social-icon .login-with {
      position: static;
   }
   .login-register-area .form h6 {
      margin: 20px 0 0;
   }

   /*** 
=============================================
    Cart Area style
=============================================
***/
   .cart-middle .apply-coupon {
      padding-left: 0;
   }
   .cart-middle .apply-coupon input[type='text'] {
      margin: 0 0 20px;
      position: static;
      width: 225px;
   }
   .cart-area .cart-bottom .calculate-shipping {
      padding-bottom: 60px;
   }
   .cart-middle .update-cart {
      float: left !important;
      margin: 20px 0 0;
   }

   /*** 
=============================================
    Single Shop Area style
=============================================
***/
   .single-shop-content .img-holder {
      margin-right: 0px;
   }
   .single-shop-content .content-box {
      margin-left: 0;
      margin-top: 35px;
   }
   .related-product .single-product-item {
      margin-bottom: 40px;
   }
}

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