/* Responsive CSS Document */

/* 
    Created on   : 07/06/2018.
    Theme Name   : Conis.
    Description  : Conis - Business And Finance HTML Template
    Version      : 1.0.
    Author       : @CreativeGigs.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)
   
*/

@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 1650px) and (min-width: 1200px) {

}

@media (max-width: 1199px) {
  .about-us-section .text-wrapper {padding-left: 0;}
  .contact-us-form {padding-right: 0;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .latest-update .single-update-post h4 a {font-size: 24px;line-height: 38px;}
  .inner-banner .overlay {padding: 120px 0 110px 0;}
  .testimonial-section-two .main-content-box {padding-right: 20px;}
  .service-details .box-wrapper {padding: 0 50px;}
  .home-about-section .left-side {width: 40%;}
  .home-about-section .right-side {width: 60%;}
  .our-service-two .single-service {padding-left: 20px;}
  .testimonial-section .text p {font-weight: 20px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .theme-title p {font-size: 18px;}
  .theme-title a {position: static;margin-top: 25px;}
  .main-menu-wrapper .logo,.main-menu-wrapper .right-widget {position: relative; z-index: 99;}
  .main-menu-wrapper .right-widget  {margin-right:70px;}
  #mega-menu-wrapper {    position: absolute;
    left: 0;
    top: 75px;
    z-index: 9;
    width: 100%;}
  .main-menu-wrapper .right-widget>ul>li {line-height: 60px;}
  .main-menu-wrapper .logo {    margin-top: 0;
    margin-left: 60px;}
  .main-menu-wrapper .right-widget .cart-icon a span {top:26px;}
  #mega-menu-wrapper .nav>li>a:before {display: none;}
  .our-service .theme-title br,.feature-banner .theme-title h2 br {display: none;}
  .feature-banner .single-box h2 {font-size: 30px;}
  .feature-banner .single-box p {font-size: 16px;}
  .feature-banner .theme-title h2 {margin-bottom: 5px;}
  .portfolio-details .details-text .portfolio-info-list ul {margin-top: 70px;}
  .theme-footer .subscribe-form input[type="submit"] {width: 180px;display: block;margin: 0 auto;}
  .theme-footer .footer-bottom-wrapper [class*="col-"] {margin-bottom: 50px;}
  .theme-footer .copyright-wrapper {padding-top: 10px;}
  .inner-banner .overlay {padding: 100px 0;}
  .about-us-section .title {text-align: left;margin-bottom: 40px;}
  .contact-us-form {margin-bottom: 90px;}
  .our-service.service-inner-page .single-service .text {padding-left: 15px;padding-right: 15px;}
  .service-details .box-wrapper {padding: 0;}
  .service-details .box-wrapper .title h3,.service-details .box-wrapper .title .loan {float: none !important;}
  .service-details .box-wrapper .title h3 {margin: 0 0 25px 0;}
  .portfolio-details .details-text {padding: 50px 0 80px 0;}
  .blog-sidebar {margin-top: 80px;}
  .map-canvas {margin-top: 100px;}
  .home-two-banner #theme-main-banner .camera_caption h1 {padding-top: 0;}
  .theme-main-header .top-header .left-widget .social-icon {display: none;}
  .main-menu-wrapper .right-widget .search-option .dropdown-menu {right: -103px !important;}
  .home-about-section .left-side {display: none;}
  .home-about-section>.float-left {width: 100%;}
  .home-about-section .right-side .opacity .main-content {padding-left: 15px;padding-right: 15px;margin: 0 auto;float: none !important;}
  .consultation-form .form-wrapper {padding: 0px 0 0 0;}
  .latest-update .theme-title h2 {margin-bottom: 0;}
  .latest-update .theme-title {margin-bottom: 40px;}
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .home-about-section .right-side .opacity .main-content {max-width: 720px;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .theme-menu-wrapper {top:0;}
  .theme-menu-wrapper .top-header .greeting-text,.theme-menu-wrapper .top-header>ul {float: none !important;text-align: center;}
  .theme-title h2 {    font-size: 24px;
    line-height: 34px;}
  .theme-title p {margin-top: 20px;}
  .theme-title h2 span{font-size: 26px;}
  .home-about-section {margin-top: 0;}
  .top-feature,.feature-banner,.home-about-section {margin-bottom: 35px;}
  .theme-footer .content-wrapper {padding-top: 20px;}
  .theme-footer h2,.error-page {margin-bottom: 50px;}
  .feature-banner .opacity {padding: 25px 0 40px 0;}
  .latest-update,.about-us-section .image-gallery,.testimonial-inner-page,.faq-form {padding: 75px 0 90px 0;}
  .latest-update .theme-title h2 {margin-bottom: 0;}
  .get-loan-form {width: 88%;}
  .get-loan-form form:before {top:-5%;left:-5%;}
  .get-loan-form form input[type="submit"] {left:0;height: 100px;bottom: 0;}
  .get-loan-form form,.our-blog {padding-bottom: 100px;}
  .home-two-banner {margin-bottom: 90px;}
  .about-us-section .title br,.popular-faq .theme-title p br {display: none;}
  .about-us-section .title {font-size: 35px;line-height: 45px;}
  .our-service.service-inner-page,.service-details,.our-portfolio {padding-bottom: 30px;}
  .theme-footer .footer-bottom-wrapper h4 {margin-bottom: 15px;}
  .service-details .box-wrapper .title {padding-top: 40px;}
  .service-details .box-wrapper .title h3 {font-size: 30px;}
  .service-details .box-wrapper .top-text h4 {font-size: 20px;line-height: 35px;}
  .service-details .box-wrapper .middle-text {padding: 30px 0 10px 0;margin: 25px 0 30px 0;}
  .error-page form {width: 95%;margin-top: 25px;}
  .portfolio-details .image-gallery img {margin-top:20px;}
  .portfolio-details .details-text .text-left-side h2 {font-size: 30px;line-height: 45px;}
  .blog-details .mark-text h2 {font-size: 25px;line-height: 35px;}
  .blog-details .mark-text:before {left:0;}
  .blog-details .mark-text {padding-left: 30px;}
  .blog-details .share-option {margin-bottom: 75px;}
  #theme-main-banner .camera_caption h1 br,#theme-main-banner .camera_caption p br,
  .theme-main-header .top-header .right-widget>li.quote a,.theme-main-header .top-header .right-widget>li a i {    line-height: 36px;
    top: 0;
    left: 6px;}
  .theme-main-header .top-header .right-widget>li a {padding: 0 25px;}
  .our-service-two .single-service {padding-left: 15px;}
  .testimonial-section {margin-top: 40px;}
  .consultation-form .form-wrapper textarea {margin-bottom: 25px;}
  .consultation-form .theme-title h2 {    padding-bottom: 0;
    font-size: 24px;
    margin-bottom: 20px;}
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {
  .top-feature .single-feature .text {width: 100%;padding: 30px 0 0 0;}
  .top-feature .single-feature .text h4 a,.our-service .single-service .text h4 a {font-size: 20px;}
  .latest-update .single-update-post h4 a {font-size: 18px;line-height: 32px;margin-top: 0;}
  .latest-update .single-update-post .count {font-size: 70px;}
  .latest-update .single-update-post {padding-top: 40px;}
  .mixitUp-menu ul li {margin: 0;font-size: 14px;}
  #theme-main-banner .camera_caption h1 {font-size: 50px;padding-top: 130px;}
  .banner-one,.banner-two  {height: 750px !important;}
  #theme-main-banner .camera_caption h1 {line-height: 62px;}
}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
  .theme-menu-wrapper .top-header ul li:first-child {display: block;margin: 0 0 8px 0;}
  .theme-menu-wrapper .top-header ul li a {margin: 0 7px;}
  .top-feature .single-feature {padding: 30px 0;}
  .top-feature {padding: 20px 0;}
  .theme-footer .copyright-wrapper p,.theme-footer .copyright-wrapper ul {text-align: left;    line-height: 18px;
    font-size: 11px;}
  .latest-update .single-update-post .count {font-size: 100px;line-height: 100px;}
  .latest-update .single-update-post {padding-top: 50px;}
  .latest-update .single-update-post h4 a {margin: 5px 0 10px 0;}
  .get-loan-form form {padding-left: 15px;padding-right: 15px;}
  .inner-banner .overlay h2 {font-size: 40px;}
  .our-team .theme-title {padding-bottom: 50px;}
  .testimonial-section-two .main-content-box {padding-left: 15px;padding-right: 15px;}
  .testimonial-section-two .main-content-box .fa {right: 15px;bottom: 5px;}
  .theme-menu-wrapper .top-header .greeting-text {font-size: 15px;}
  .theme-menu-wrapper .top-header ul li:first-child a {font-size: 20px;}
  .theme-menu-wrapper .top-header ul li a {font-size: 18px;}
  .mixitUp-menu ul {border: none;}
  .mixitUp-menu {margin-bottom: 50px;}
  .mixitUp-menu ul li {margin: 0 2px 10px 2px;padding-bottom: 10px;font-size: 14px;}
  .related-project .owl-theme .owl-nav {top:-35px;}
  .contact-us .contact-address h2 {font-size: 30px;line-height: 45px;margin: 0;}
  .banner-one {height: 500px !important;}
  #theme-main-banner .camera_caption h1 {font-size: 30px;line-height: 45px;}
  .home-two-banner #theme-main-banner .camera_caption h1 {font-size: 32px;line-height: 48px;}
  #theme-main-banner .camera_caption p,.home-two-banner #theme-main-banner .camera_caption p {font-size: 16px;line-height: 32px;padding: 20px 0 15px 0;}
  .theme-main-header .top-header .right-widget>li {width: 100%;}
  .theme-main-header .top-header .float-left,.theme-main-header .top-header .float-right {text-align: center;}
  .theme-main-header .top-header .right-widget>li a {border:none;font-size: 14px;font-weight: 400;padding-right: 10px;}
  .testimonial-section .author-img {float: none !important;margin: 0 auto;}
  .testimonial-section .text {width: 100%; float: none !important;padding: 0px 0 0 0;}
  .testimonial-section,.consultation-form {padding: 60px 0 70px 0;}
  .testimonial-section .theme-title {padding-bottom: 60px;}
  .consultation-form .form-wrapper textarea {height: 200px;}
  .theme-main-header .top-header .right-widget>li {    line-height: 35px;
    float: left;
    width: auto;}
  .theme-main-header .top-header {padding-bottom: 10px;
    padding-top: 10px;
    height: 50px;
  }

}
/*(max-width: 575px)*/

@media (max-width: 650px) {
    #success, #error {
        width: 86%;
        height: auto;
        top: calc(50% - 50px);
        left: 7%;
        padding: 30px 10px;
    }
    
}
@media (max-width: 500px) {
  .our-team .single-team-member .text-wrapper {width: 100%;padding: 25px 0 0 0;}
}

@media (max-width: 450px) {
  .our-service [class*="col-"] { -ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
  .blog-details .share-option ul {float: none !important;}
  .blog-details .public-comment-area .comment button {position: static;margin-top: 15px;}
}

@media (min-width: 320px) and (max-width: 767px) {
  .top-feature .single-feature .text h4 a {font-size: 18px;margin-top: 0;}
  .main-menu-wrapper .logo {width: 40%;margin-top: 15px;}
  .main-menu-wrapper{    padding: 5px 0;}
  .how-we-work .col-lg-12{
    max-width: 270px;
  }
  .timeline-dot{
    right: -20px;
        width: 20px;
        height: 105%;
  }
  .timeline-dot.left{
    left:-20px;
    height: 105%;
     width: 20px;
  }
  .home-banner h1{
    font-size: 28px;
  }
  .home-banner {
    height: 610px;
    padding-top: 230px;
    background: url(../images/home/home-banner.jpg);
    background-size: cover;
    background-position: 80% 110px;
  }
  .top-usp .col-sm-6{
    width: 50%
  }
  .top-usp .container{
    background: transparent;
    padding: 0px !important;
  }
  .top-usp  .single-feature{
    padding: 20px 5px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    min-height: 230px;

  }
   .top-usp .col-sm-6:nth-child(3) .single-feature {
    background: #fff;
    padding: 20px 5px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    min-height: 260px;
  }
  .top-usp  .single-feature h5 {
    font-size: 18px;
  }
  .mobile-view{
    display: block;
  }
  .desktop-view{
  display: none;
  }
  .top-usp .container .row{
    margin: 0px;
  }
  .owl-theme .owl-nav{
    display: none;
  }
  .how-we-work .col-lg-12 {
    max-width: 280px;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    height: 380px;
    margin: 15px auto;
  }
  .our-clients, .download-app {
    padding: 56px 14px;
  }
   .our-prowess {
    padding: 56px 14px;
  }
  .our-clients .col-sm-6{
    width: 50%;
    padding: 5px;
  }
  .our-clients .col-sm-6 img{
    max-width: 70%;
    margin: 0 auto;       
  }
  .our-clients .image-box{
    margin: 0px;
  }
  .feature-banner .single-box{
    padding: 15px;
    margin-bottom: 15px;
  }
  .testimonial-section .owl-carousel .owl-item img{
    width: 40px;
  }
  .testimonial-section, .consultation-form{
    padding: 35px 5px;
    margin: 0px;
    margin-top: 15px;
  }
  .map-wrap{
    margin: 50px 0;
  }
  .footer-bg{
    top: auto;
    bottom: 130px;
    max-width: 160px;
  }
  .top-usp .container .single-feature p{
    font-size: 13px;
  }
  .contact-tabs li {
    font-size: 12px;
    padding: 0 14px;
}
.our-clients .col-sm-12{
  padding: 5px;
}
.aboutus-wrapper {
    background: #fff;
    padding: 30px 10px;
    }
    .about-us-section .text-wrapper{
      max-width: 100%;
    }
    .about-us-section .text-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-weight: 300;
  }
  .what-drives-us p{
    font-size: 14px;
    line-height: 24px;
  }
  .what-drives-us img{
    max-width: 120px;
  }
  .what-drives-us {
    margin: 60px 0;
  }
  .what-binds-us .col-lg-4 {
    margin-bottom: 0px;
    text-align: center;
    max-width: 50%;
  }
  .what-binds-us .col-sm-12{
    max-width: 100%;
    margin-bottom: 50px;
  }
  .what-binds-us .col-lg-4 p {
    line-height: 20px;
    font-size: 13px;
    margin-top: 10px;
  }
  .what-binds-us .col-lg-4 h4{
    font-size: 18px;
  }
  .what-binds-us .row{
    max-width: 100%;
    margin: 0px;
  }
  .what-binds-us .container{
    padding: 0px;
  }
  .what-binds-us .col-lg-4 img{
    max-width: 80px;
  }
  .what-binds-us h2{
        margin: -24px auto 0;
  }
  .teams .col-md-4{
    width: 50%;
  }
  .team-wrapper {
    padding: 5px;
  }
  .member-info{
    padding: 0 15px;
  }
  .team-wrapper h4 {
    margin: 10px 0;
    font-size: 14px;
  }
  .member-info img{
    width: 24px;
    margin-bottom: 10px;
  }
  .tabs label{
    padding: 6px 20px;
    font-size: 14px;
  }
  .contact-left h1{
    font-size: 28px;
  }
  .feature-banner .theme-title p
  {
    margin-bottom: 20px;
  }
  .solutions .our-clients .theme-title h2 span{

    color: #383838;
    font-size: 16px;
    display: block;
    line-height: 24px;
    margin-top: 0;
  }
  .insight-left{
    min-height: auto;
  }
  #mega-menu-wrapper .nav>li>a{
    font-size: 14px;
  }
  #mega-menu-wrapper .nav>li:last-child a {
    padding: 10px 0;
    margin-right: 0;
    margin-left: 24px;
  }
  #mega-menu-wrapper .navbar-collapse.show{
    max-height: 450px;
  }
    .privacy-policy .wrapper{
      margin-top:150px; 
    padding: 15px;
  }
  .feature-banner .theme-title h2{
        line-height: 34px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) 

{
  .top-usp .col-lg-2{
        max-width: 20%;
  }
  .timeline-dot{
        right: -80px;
        width: 80px;
  }
  .timeline-dot.left{
        left: -80px;
        width: 80px;
  }
  .contact-wrapper{
    max-width: 100%;
  }
  .our-clients, .our-prowess{
    padding: 50px;
  }
  .privacy-policy .wrapper{
    padding: 10px;
  }

}
@media (min-width: 992px){
   .contact-wrapper{
    max-width: 470px;
  }
  .col-divder{
    border-left: 1px solid #cfcfcf;
  }
}