/* Responsive CSS Document */

/* 
    Created on   : 03/01/2018.
    Theme Name   : Aproach.
    Description  : Aproach - Banking & Business Loan HTML Template
    Version      : 1.0.
    Author       : @CreativeGigs.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)
   
*/


.call-us a {
	display: none;
}

@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
	
	.theme-menu-wrapper.fixed .main-header-menu-wrapper .logo {
		top: 0;
	}
}
@media (max-width: 1650px) and (min-width: 1200px) {
  .testimonial-section .theme-title {padding-left: 230px;}
}

@media (max-width: 1199px) {
  .testimonial-section .main-bg-wrapper .main-slider-wrapper { -webkit-transform: none;transform: none;height: 100%;}
  .testimonial-section .main-bg-wrapper {margin: 50px 0 0 0;}
  .work-progress .single-figure {padding-left: 0;padding-right: 0;}
  .work-progress {padding-bottom: 100px;}
  .about-us-section .text-wrapper {padding-left: 0;}
  .contact-us-form {padding-right: 0;}
  .get-loan-form {position: static;margin: 120px auto 0 auto;}
  .home-two-banner {margin-bottom: 130px;}
}
/*(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: 240px 0 110px 0;}
  .testimonial-section-two .main-content-box {padding-right: 20px;}
  .service-details .box-wrapper {padding: 0 50px;}
	.feature-banner .single-box h2 {
		font-size: 25px;
	}
	.our-progress .theme-title h2 {
		font-size: 25px;
	}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .theme-title p {font-size: 18px;}
  #mega-menu-wrapper .nav>li.dropdown-holder>a:after {display: none;}
  .nav-color-white #mega-menu-wrapper .nav>li>a {color: #383838;}
  #mega-menu-wrapper .nav>li:hover>a,#mega-menu-wrapper .nav>li.active>a {color: #1455a6;}
  .theme-menu-wrapper .top-header ul li:first-child {margin-right: 0;}
  #mega-menu-wrapper .nav>li>a:before {right: auto;left:15px;bottom: 5px;}
  #mega-menu-wrapper .nav>li.search-button button {margin: 10px auto;color: #fff;background: #1455a6;height: 45px;width: 150px;}
  #mega-menu-wrapper .nav>li.search-button button:hover {color: #fff;background: #ff9000;}
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li {display: block;line-height: 42px;}
  .main-header-menu-wrapper #mega-menu-wrapper .nav .login {display: none !important;}
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li a {font-size: 14px;margin: 0;padding-left: 30px;border-top: 1px solid rgba(0,0,0,0.05);}
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li:first-child>a {border-top: none;}
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li a:hover {color: #fff;background: #1455a6; }
  .theme-menu-wrapper.fixed #mega-menu-wrapper .nav>li>a {margin-bottom: 0;}
  .our-service .theme-title br,.feature-banner .theme-title h2 br {display: none;}
  .feature-banner .single-box h2 {font-size: 20px;}
  .feature-banner .single-box p {font-size: 14px;}
  .feature-banner .theme-title h2 {margin-bottom: 65px;}
  #watch-video {right: 20px;}
  .loan-section .loan-confirm-form,.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;}
  .loan-section .loan-calculation-wrapper {padding-right: 0;}
  .inner-banner .overlay {padding: 210px 0 100px 0;}
  .about-us-section .title {text-align: left;margin-bottom: 40px;}
  .inner-banner,.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;}
	.main-header-menu-wrapper ul.float-right {
		top: 27px; 
		right: auto;
	left:47%;
	}
	.main-header-menu-wrapper ul.float-right li a {
		font-size: 20px;
	}
	#theme-main-banner .camera_caption img {display: none;}
	.feature-banner .single-box h2:before {
		float: none;
		display: block;
		margin: 0 auto 25px;
	}
	
	.scroll-top {
		display: block !important;
	}
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .work-progress .single-figure h4 a {font-size: 20px;}



}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
.main-header-menu-wrapper ul.float-right {
	top: 27px;
	right: auto;
	left: 47%;
	}
	.main-header-menu-wrapper ul.float-right li a {
		font-size: 20px;
	}
  .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: 30px;line-height: 45px;}
  .theme-title p {margin-top: 20px;}
  
  .theme-footer .content-wrapper {padding-top: 80px;}
  .theme-footer h2,.error-page {margin-bottom: 50px;}
  .feature-banner .opacity {padding: 85px 0 40px 0;}
  .work-progress {padding-bottom: 55px;}
  .testimonial-section .main-bg-wrapper .main-slider-wrapper {position: static;}
  .testimonial-section .main-bg-wrapper {height: auto;}
  .testimonial-section .main-bg-wrapper .overlay {padding-bottom: 150px;}
  #watch-video {bottom: 35px;}
  .loan-section,.why-choose-us,.latest-update,.about-us-section .image-gallery,.testimonial-inner-page,.faq-form {padding: 75px 0 90px 0;}
  .theme-title a {position: static;margin-top: 25px;}
  .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;}

	.feature-banner .single-box {
		margin-bottom:50px;
	}
	
	
	.latest-update {
		background-position: -430px 0px;
	}



	.call-us a {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 24px;
    border-radius: 0px;
    font-weight: 900;
    text-transform: uppercase;
    border: 1px solid #df543e;
    background-color: #ec2438;
    text-shadow: 0 1px 2px rgba(25,25,25,.25);
    padding: 20px 50px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    display: none;
}

.stickyCall_show a {
	display: block!important;
}

#stickyCall a span {
	display: block;
	-webkit-animation-name: stickycall; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: stickycall;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes stickycall {
  0%   {
  	-webkit-transform: scale(1);
  	   -moz-transform: scale(1);
  	    -ms-transform: scale(1);
  	     -o-transform: scale(1);
  	        transform: scale(1);
  }
  50%  {
  	-webkit-transform: scale(1.2);
  	   -moz-transform: scale(1.2);
  	    -ms-transform: scale(1.2);
  	     -o-transform: scale(1.2);
  	        transform: scale(1.2);
  }
  100% {
  	-webkit-transform: scale(1);
  	   -moz-transform: scale(1);
  	    -ms-transform: scale(1);
  	     -o-transform: scale(1);
  	        transform: scale(1);
  }
}

/* Standard syntax */
@keyframes stickycall {
  0%   {
  	-webkit-transform: scale(1);
  	   -moz-transform: scale(1);
  	    -ms-transform: scale(1);
  	     -o-transform: scale(1);
  	        transform: scale(1);
  }
  50%  {
  	-webkit-transform: scale(1.2);
  	   -moz-transform: scale(1.2);
  	    -ms-transform: scale(1.2);
  	     -o-transform: scale(1.2);
  	        transform: scale(1.2);
  }
  100% {
  	-webkit-transform: scale(1);
  	   -moz-transform: scale(1);
  	    -ms-transform: scale(1);
  	     -o-transform: scale(1);
  	        transform: scale(1);
  }
}
	
	
	
}
/*(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,.work-progress .single-figure 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;}
  #searchWrapper form {max-width: 90%;}
  .mixitUp-menu ul li {margin: 0;font-size: 14px;}
  #theme-main-banner .camera_caption h1 {font-size: 50px;}
  .banner-one,.banner-two  {height: 750px !important;}
}
/*(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;}
  .testimonial-section .main-bg-wrapper .main-slider-wrapper {width: 100%;max-width: 100%;padding: 25px 40px 50px 15px;}
  .testimonial-section .main-bg-wrapper .main-slider-wrapper .item p {font-size: 20px;line-height: 38px;}
  .loan-section .loan-confirm-form {padding-right: 10px;padding-left: 15px;}
  .theme-footer .copyright-wrapper p,.theme-footer .copyright-wrapper ul {text-align: center;}
  #searchWrapper form {max-width: 100%;padding: 35px 15px;}
  .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;}
  .inner-banner .overlay {padding: 230px 0 80px 0;}
  .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: 650px !important;}
  .banner-two  {height: 550px !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;}
	
	.feature-banner .single-box {
		text-align: center;
	}
	
	.top-feature .single-feature:before {
		top: -20px;
	}
	
	.latest-update {
		background-position: -430px 0px;
	}
	
	.theme-footer .footer-bottom-wrapper .footer-list .formob {
	    
		display: block;
	}
	.theme-footer .footer-bottom-wrapper .footer-logo .formob {
		display: block;
	}
	
	.theme-footer .footer-bottom-wrapper .footer-list ul,
	.theme-footer .footer-bottom-wrapper .footer-list h4 {
		display: none;
	}
	
	.theme-footer .footer-bottom-wrapper .footer-logo p {
		display: none;
	}
	
	.theme-footer .footer-bottom-wrapper [class*="col-"] {
		margin-bottom: 20px;
	}
}
/*(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;}
	.main-header-menu-wrapper ul.float-right li a {
		font-size: 17px;
	}
	
	.main-header-menu-wrapper ul.float-right {
		right: auto;
		left: 40%;
		top: 27px;
	}
	
	.main-header-menu-wrapper .logo {
		background-size: 40px;
		padding-left: 50px;
		width: 125px;
	}
	
	.main-header-menu-wrapper .logo a span {
		font-size: 10px;
		padding-top: 5px;
	}
	
	.main-header-menu-wrapper .logo a {
		font-size: 14px;
		    line-height: 24px;
	}
	
	.main-header-menu-wrapper ul.float-right li small {
		font-size: 13px;
	}
	
}

@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;}
	#theme-main-banner .camera_caption a {
		 margin-right: 0 !important;
		font-size: 20px;
		line-height: 40px;
		padding: 0 20px 0 70px;
	}
	
	.latest-update .button-one {
		padding: 0 15px;
		font-size: 14px;
		line-height: 40px;
	}
	.theme-menu-wrapper.fixed .main-header-menu-wrapper ul.float-right {
		 
	}
	
	#theme-main-banner .button-one:before {
		width: 40px;
		    background-size: 40px;
	}
}

@media (max-width: 400px) {
  .top-feature .single-feature .text h4 a {font-size: 18px;margin-top: 0;}
	
	 
	
	.main-header-menu-wrapper .logo {
		background-size: 33px;
		padding-left: 40px;
		width: 110px;
	}
	
	.main-header-menu-wrapper .logo a {
		font-size: 12px;
		line-height: 22px;
	}
	
	.main-header-menu-wrapper .logo a span {
		font-size: 24px;
		padding-top: 5px;
	}
	
	.main-header-menu-wrapper ul.float-right {
		    right: auto;
			left: 40%;
			top: 27px;
	}
	
	.main-header-menu-wrapper ul.float-right li a {
		    font-size: 13px;
	}
	
	.main-header-menu-wrapper ul.float-right li small {
		font-size: 10px;
	}
	
	#mega-menu-wrapper {
		padding: 15px;
	}
	
	.navbar-light .navbar-toggler {
		margin: 8px -10px 8px 0;
	}
	
	.theme-menu-wrapper.fixed #mega-menu-wrapper .navbar-toggler {
		margin:  8px 5px 9px 0;
	}
	
	#theme-main-banner {
		padding-top: 140px;
	}
}