/* Responsive CSS Document */

/* 
    Created on   : 19/03/2018.
    Theme Name   : finisy - Business & Digital Agency HTML Template
    Version      : 1.0.
    Author       : 360Degreee.
    Designed By  : 360Degreee.
    Developed By : 360Degreee.
   
*/

@media (min-width: 992px) {
  .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}
@media (max-width: 1199px) {
  .project-details-wrapper .project-info-list ul li {padding-left: 0;}
  .contact-us-form {padding-right: 0;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .our-service-one .single-service-block {padding-left: 20px;padding-right: 20px;}
  .client-section-one .client-slider-one p {padding-right: 5px;}
  .what-we-do .title .count {font-size: 290px;line-height: 215px;}
  .client-section-two .item p {width: 75%;}
  .project-details-wrapper .text {padding-right: 100px;}
}

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

@media (max-width: 991px) {
  #mega-menu-wrapper {width: 100%;}
  .theme-menu-wrapper .header-wrapper .logo {position: absolute;top:35px;left:0;z-index: 99;}
  .theme-menu-wrapper.fixed .header-wrapper .logo {top:15px;}
  #mega-menu-wrapper .nav>li.login a {margin: 0 0 5px 15px;}
  .about-us-section.about-image-half:before,.purschase-banner .opacity h2 br {display: none;}
  .about-us-section .content-wrapper {padding-left: 0;}
  .pricing-plan .tab-content {padding-top: 60px;}
  footer .subscribe-form .input-wrapper input[type="submit"] {width: 180px;margin: 0 auto;height: 55px;display: block;}
  footer .bottom-footer [class*="col-"] {text-align: center;}
  footer {padding-bottom: 0;}
  footer .bottom-footer ul.footer-menu li a {margin: 0 6px 35px 6px;}
  footer .bottom-footer ul.social-icon li a {margin: 0 5px 0;}
  .about-us-section .round-image,.about-us-section .second-image {margin: 30px auto 0 auto;}
  .client-section-two .item p {width: 100%;}
  .project-details .title ul {position: static;margin-top: 30px;}
  .project-details-wrapper .text {padding: 50px 0 0 0;margin-top: 50px; border-top: 1px solid rgba(0,0,0,0.08);border-right: none;}
  .project-details-wrapper {margin: 70px 0 100px 0;}
  .shop-sidebar,.blog-sidebar,.contact-us .contact-address {padding-top: 100px;}
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .what-we-do .title .count {font-size: 250px;line-height: 185px;z-index: -1;}
  .what-we-do .single-do-figure h4 a {font-size: 20px;}
  .gallery-fullwidth .gallery-item {width: 33.333333%;}
  .our-blog .box-style {width: 85%;}
  #theme-main-banner {height: 700px !important;}
  #theme-main-banner h3 {margin-top: 125px;}
}

/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
  .theme-title h2 {font-size: 35px;line-height: 50px;}
  .theme-menu-wrapper .top-header {padding-top: 0;text-align: center;}
  .theme-menu-wrapper .top-header p,.theme-menu-wrapper .top-header ul {float: none;}
  .what-we-do .title .count {z-index: -1;}
  .what-we-do .title h2,.about-us-section .theme-title h2 {font-size: 30px;line-height: 45px;}
  .what-we-do .title h2 br,.popular-faq .theme-title p br,.project-details .title h2 br,.project-details .page-changer li a span {display: none;}
  .what-we-do .title h2 span {display: inline;line-height: 50px;}
  #theme-main-banner,.theme-counter.bg-color,.theme-inner-banner,.error-page {margin-bottom: 100px;}
  .what-we-do .title {padding-bottom: 20px;}
  .purschase-banner {margin-top: 100px;}
  .what-we-do,.our-service-one,.pricing-plan,.theme-counter,.our-goal,.our-service-two,.our-project,.project-details,.shop-page,.blog-inner-page {padding-bottom: 100px;}
  .our-service-one .theme-title,.pricing-plan,.our-blog .theme-title {padding-top: 100px;}
  .about-us-section .bottom-content>img,.about-us-section .bottom-content .name {float: none;}
  .about-us-section .bottom-content .name {margin-bottom: 35px;}
  .about-us-section .theme-button {margin-top: 35px;}
  .gallery-fullwidth .gallery-item {width: 50%;}
  .our-service-one .all-service {margin-top: 0;}
  .pricing-plan .price-table {max-width: 350px;margin: 0 auto 30px auto;}
  .client-section-one .client-slider-one p {padding-right: 5px;}
  .client-section-one .theme-title {margin-bottom: 60px;}
  .purschase-banner .opacity {padding: 70px 0 80px 0;}
  .purschase-banner .opacity h2 {font-size: 25px;line-height: 35px;}
  .partner-section {padding: 20px 0 70px 0;}
  .our-blog .single-blog .text,.our-service-two .service-block .text,.shop-page .shop-product-wrapper .single-product {margin-bottom: 40px;}
  footer {padding-top: 60px;}
  .theme-menu-wrapper .top-header p {margin-bottom: 10px;}
  .theme-inner-banner .opacity {padding: 160px 0 100px 0;}
  .theme-inner-banner .opacity h2 {font-size: 40px;}
  .project-v1 .wrapper,.shop-page.full-width {padding: 0 15px;}
  .project-details .title h2 {line-height: 50px;font-size: 30px;}
  .product-details .product-info {margin-top: 40px;}
  .our-blog .box-style {width: 95%;}
  .map-canvas {margin: 100px 0;}
  #theme-main-banner {height: 650px !important;}
  #theme-main-banner h3 {margin-top: 150px;font-size: 20px;}
  #theme-main-banner h1 {font-size: 45px;line-height: 55px;margin-bottom: 30px;}
  #theme-main-banner h1 br {display: none;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #success, #error {
      width: 86%;
      height: auto;
      top: calc(50% - 50px);
      left: 7%;
      padding: 30px 10px;
  }
  
}

@media (max-width: 600px) {
  .theme-menu-wrapper .top-header ul li:first-child {display: block;margin: 0 0 10px 0;}
  .theme-menu-wrapper .top-header ul li:first-child a {font-size: 22px;}
  .error-page form {display: block;margin: 30px auto auto;}
  .blog-details-content .mark-text {font-size: 25px;line-height: 40px;padding: 0 0 0 50px;margin: 30px 0 35px 0;}
  .blog-details-content .mark-text:before {width: 30px;top:18px;}
}

@media (max-width: 550px) {
  .blog-details-content .tag-section ul {float: none;padding-top: 0;}
}
@media (max-width: 500px) {
  .theme-counter .col-xs-6,.our-service-two .col-xs-6,
  .project-v1 .col-xs-6,.project-v2 .col-xs-6,.shop-page .shop-product-wrapper .col-xs-6 {width: 100%;}
}

@media (max-width: 450px) {
  .error-page form {width: 100%;}
  .shop-details .related-product h3 {margin-bottom: 95px;}
  .blog-details-content .comment-box .single-comment .comment .reply {position: static;margin-top: 15px;}
}
@media (max-width: 400px) {
  .gallery-fullwidth .gallery-item {width: 100%;}
  #theme-main-banner h3 {margin-top: 180px;}
}
@media (max-width: 380px) {
  .error-page h2 {font-size: 140px;}
}