/* Responsive CSS Document */

/* 
    Project:        Lution- A Perfect finance Solution Template.
    Version:        1.0
    Last change:    18/03/2018.
    Designed:       Designolo.
    Developed:      Designolo..
   
*/

@media (min-width: 992px) {
  .container {padding-left: 0 !important;padding-right: 0 !important;}
}
@media (max-width: 1199px) {
  .client-slider-section .client-slider-wrapper {width: 100%;}
  .theme-footer .footer-logo {padding-right: 15px;}
  .theme-footer .footer-latest-news {padding-left: 15px;}
  .our-story .text {padding-left: 0;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .button-title {padding-right: 300px;}
  .shop-details .product-review-tab .nav-tabs > li > a {margin: 0 15px;font-size: 18px;}
  .theme-header .top-header .right-widget>li:nth-child(2) {margin: 0 15px 0 20px;}
  .welcome-feature .single-feature {padding-left: 20px;padding-right: 5px;}
  .trusted-client-section:before {width: 32%;}
  .theme-counter .single-box p {font-size: 18px;margin-bottom: 25px;}
  .theme-counter .bottom-text-wrapper {padding: 0 50px;}
  .quick-contact-banner .wrapper h3 {font-size: 20px;margin-top: 15px;}
  .our-story h3 {padding-left: 20px;padding-right: 20px;}
}

/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .section-margin-top,.theme-sidebar,.shop-sidebar,.shop-details .realted-product h4,.contact-us .contact-meta {margin-top: 90px;}
  .section-margin-bottom,.theme-inner-banner {margin-bottom: 90px;}
  .our-story {padding-top: 70px;}
  .button-title {padding-right: 0;}
  .portfolio-details .portfolio-introduction {padding-bottom: 75px;}
  .our-team-style-two .theme-title h2 {margin-bottom: 10px;}
  .button-title .theme-button-one {position: static;margin-top: 25px;}
  .upper-header .left-list,.upper-header .right-widget {width: 100%;text-align: center;}
  .upper-header .left-list li a,.upper-header .left-list li:last-child a {margin: 0 25px;}
  .theme-header .logo {width: 100%;margin-bottom: 30px;text-align: center;}
  .theme-menu-wrapper {bottom: -32px;}
  .theme-header .top-header .right-widget {width: 100%;}
  .theme-menu-wrapper .right-widget {padding-top: 13px;}
  .theme-menu-wrapper .main-content {padding: 0 15px 15px 15px;}
  #mega-menu-wrapper {position: absolute;width: 100%;left:0;}
  .welcome-section .welcome-text .image-box {margin-top: 40px;}
  .trusted-client-section:before {display: none;}
  .our-service,.client-slider-section {padding: 100px 0 70px 0;}
  .theme-counter .bottom-text-wrapper {padding: 0;}
  .theme-counter .single-box i {font-size: 80px;top:-30px;}
  .theme-counter .single-box p {font-size: 18px;margin-bottom: 20px;}
  .theme-counter .opacity {padding-top: 100px;}
  .contact-feature .main-bg-wrapper {padding-left: 15px;padding-right: 15px;}
  #theme-main-banner h1 br,#theme-main-banner .container>p br {display: none;}
  .welcome-feature.space-bottom {margin-bottom: 60px;}
  .quick-contact-banner .wrapper {text-align: center;padding: 30px 0;}
  .quick-contact-banner .wrapper h3,.quick-contact-banner .wrapper a {float: none;}
  .quick-contact-banner .wrapper h3 {margin: 0 0 20px 0;}
  .our-story .text .mark-text {margin-bottom: 40px;}
  .our-story h3 {padding: 40px 0 0 0;}
  .portfolio-details .portfolio-title p {margin-bottom: 40px;}
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .shop-details .product-review-tab .nav-tabs > li > a {font-size: 20px;margin: 0 15px;}
  .theme-header .top-header .right-widget>li:nth-child(2) {margin: 0 35px 0 40px;}
  .contact-feature .main-bg-wrapper li span {padding-left: 38px;}
  .contact-feature .main-bg-wrapper li i,.contact-feature .main-bg-wrapper li:nth-child(2) i, .contact-feature .main-bg-wrapper li:nth-child(3) i {font-size: 30px;}
  #theme-main-banner h1 {font-size: 50px;line-height: 65px;}
  #theme-main-banner {height: 700px !important;}
  .welcome-section .welcome-text .video-image-box {padding-right: 100px;}
  .welcome-section .welcome-text .video-image-box .play-button {line-height: 200px;width: 350px;}
  .theme-inner-banner .opacity {padding-top: 150px;}
  .theme-inner-banner .opacity h1 {margin-bottom: 100px;}
  .portfolio-details .page-changer ul li a {padding-right: 75px;}
}

/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
  .shop-details .product-image .nav-tabs > li {float: left;width: 33.33333%;}
  .shop-details .product-image img {width: 100%;}
  .shop-details .product-image .nav-tabs {margin-top: 20px;}
  .shop-details .product-info .rating>li:first-child,.shop-details .product-info .price li:first-child {width: auto;}
  .shop-details .product-review-tab .nav-tabs > li {width: 100%;margin-bottom: 12px;}
  .shop-details .product-review-tab .nav-tabs > li > a {margin: 0;}
  .theme-header {padding: 25px 0 30px 0;}
  .theme-header.style-two {padding-bottom: 5px;}
  .upper-header .container>ul li {line-height: 30px;}
  .theme-header .top-header .right-widget,.welcome-section .theme-title p br,.our-story h2 br {display: none;}
  .welcome-section .welcome-text .name {padding-left: 0;}
  .our-service .theme-title {margin-bottom: 50px;}
  .theme-counter .bottom-text-wrapper p {font-size: 18px;line-height: 32px;margin-bottom: 40px;}
  .contact-feature .main-bg-wrapper li,
  .contact-feature .main-bg-wrapper li:nth-child(3) {width: 100%;text-align: center;margin-bottom: 10px;}
  .theme-footer .title {padding: 60px 0 30px 0;}
  #theme-main-banner {height: 680px !important;}
  #theme-main-banner h1 {font-size: 34px;line-height: 48px;}
  #theme-main-banner p {margin: 25px 0 45px;}
  .welcome-section .welcome-text .video-image-box {padding-right: 40px;}
  .welcome-section .welcome-text .video-image-box .play-button {width: 200px;line-height: 100px;font-size: 40px;}
  .theme-inner-banner .opacity {padding-top: 130px;}
  .theme-inner-banner .opacity h1 {margin-bottom: 50px;font-size: 40px;line-height: 50px;}
  .mixitUp-menu {border: none;margin-bottom: 50px;}
  .mixitUp-menu ul li {margin: 0 5px 15px 5px;padding-bottom: 10px;}
  .portfolio-wrapper .single-portfolio-item .overlay p {padding-bottom: 5px;}
  .portfolio-details .portfolio-introduction>p {padding-bottom: 30px;}
  .portfolio-details .portfolio-introduction .theme-button-one {margin-bottom: 65px;}
  .portfolio-details .page-changer ul li {width: 100%;}
  .portfolio-details .page-changer ul li a {padding-right: 15px;padding-left: 15px;}
  .our-blog .single-blog-post:last-child {margin-bottom: 0;}
  .blog-details .single-blog-post h2 {font-size: 24px;line-height: 38px;}
  .blog-details .single-blog-post .mark-text:before {display: none;}
  .blog-details .commnet-section .single-comment .comment {padding-left: 15px;}
  .contact-us .contact-meta {padding-left: 40px;}
  .google-map-wrapper .easy-contact-box {bottom: 0;left:15px;right: 15px;min-width: 0;}
  .google-map-wrapper .easy-contact-box h4 {line-height: 40px;margin-bottom: 30px;}
  .google-map-wrapper .easy-contact-box ul {padding-left: 25px;}
  .google-map-wrapper .easy-contact-box ul li {padding-bottom: 20px;}
  .bottom-mFix {margin-bottom: 0;}
  .theme-counter .single-box i {display: none;}
  .theme-counter .single-box h2 {font-size: 30px;}
  .theme-counter .single-box p {margin-bottom: 5px;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #success, #error {
    width: 86%;
    height: auto;
    top: calc(50% - 50px);
    left: 7%;
    padding: 30px 10px;
  }
  .shop-details .product-info .quantity-box .order-box {width: 100%;margin-top: 20px;}
}

@media (max-width: 550px) {
  .shop-product-wrapper .col-xs-6,.our-service .col-xs-6,.our-team-style-two .col-xs-6,
  .portfolio-wrapper .col-xs-6 {width: 100%;}
  #theme-main-banner .camera_caption .video-content {display: none;}
  .blog-details .commnet-section .single-comment .comment button {display: block;margin-top: 10px;}
}
@media (max-width: 500px) {
  .blog-details .single-blog-post .social-icon,.our-blog .single-blog-post ul.post-info {width: 100%;}
}
@media (max-width: 450px) {
  .welcome-feature .single-feature {padding-left: 15px;padding-right: 15px;}
  .our-team .col-xs-6,.contact-us .col-xs-8 {width: 100%;}
}
@media (max-width: 400px) {
  .theme-footer .footer-logo p br {display: none;}
  .our-story .text .mark-text {padding: 15px 10px;}
  .portfolio-details .portfolio-introduction ul li span {width: 100%;}
  .blog-details .commnet-section .single-comment .comment {width: 100%;padding: 20px 0 0 0;}
  .blog-details .commnet-section .single-comment {margin-bottom: 50px;}
}
@media (max-width: 380px) {
  .shop-details .product-info .price li:nth-child(2) {margin: 0 15px;}
  .theme-menu-wrapper .right-widget .search-option form.dropdown-menu {width: 265px;}
}