/* Version: 1.0 
*/
/*-------- css code for responsive layout  --------*/

/*  To make Responsive
---------------------------------------------------------------------- /
*   1 - media screen and (max-width: 1280px)
*   2 - media screen and (max-width: 1199px)
*   3 - media screen and (max-width: 1024px)
*   4 - media screen and (max-width: 991px)
*   5 - media screen and (max-width: 767px)
*   6 - media screen and (max-width: 680px)
*   7 - media screen and (max-width: 480px)
*   8 - media screen and (max-width: 320px)
*
---------------------------------------------------------------------- */






/*  2 - media screen and (max-width: 1199px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) { 
	.home-page-2 .menu-style-2 ul li a {
		padding: 10px 10px;
	}
	.get-quote a {
		width: 150px;
	}
	.fz-post-content {
		/*padding: 15px 0 0 15px;*/
	}
	.achievements .counter-item i {
		font-size: 30px;
	}
	.achievements .counter-item h2 {
		font-size: 30px;
	}
	.achievements .counter-item strong {
		font-size: 23px;
		line-height: 25px;

	}
	.achievements .overlay {
		padding: 60px 0;	
	}
	.service-cection {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-title {
		margin-bottom: 30px;

	}
	.partner {
		padding: 40px 0;
	}
	.skill-section {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.section-padding {
		padding: 60px 0;
	}
	.header-top .office-info .address {
		text-align: center;
	}
	.header-top .office-info .address i {
		float: none;
		margin-bottom: 15px;
		display: block;
	}
	/*breadcrumb
	---------------*/
	.page-breadcrumb .breadcrumb-overlay {
		padding-top: 200px;
	}
	.about-page-content.padding-top170{
		padding-top: 50px;
	}

	.about-page-content.padding-bottom110{
		padding-bottom: 50px;
	}

}
/*  2 - media screen and (max-width: 1199px) End
---------------------------------------------------------------------- */



/*  3 - media screen and (max-width: 1024px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1024px) { 

.fz-post-content.feature p {
    margin-bottom: 10px;
}
.latest-news .fz-news-post .fz-meta li {
	padding: 10px 5px;
}
.latest-news .fz-news-post .fz-meta li a{
	padding: 10px 0px;
}
}
/*  3- media screen and (max-width: 1024px) End
---------------------------------------------------------------------- */



/*  4 - media screen and (max-width: 991px)
---------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
	.header-top .logo {
		text-align: center;
		margin-bottom: 20px;
    margin-left: 15px;
    	}
	.header-top .get-quote {
		display: none;
	}
	#finanz-menu a {
		padding: 20px 6px;
	}
	.section-title {
		margin-bottom: 40px;
	}

	.home-page-2 .about-section .about-nav-tabs {
		margin-bottom: 120px;
	}
	.home-page-2 .about-section .fz-video {
		margin-bottom: 20px;
	}
	.achievements .counter-item i {
		padding: 10px 10px;
	}
	.skill-section .section-title {
		margin-bottom: 10px;
	}
	.skill-section .fz-text {
		margin-bottom: 15px;
	}

	.testimonial .carousel {
		top: 10px;
		margin-bottom: 20px;
	}
	.testimonial .discussion-type {
		margin-top: 10px;
	}
	.testimonial .discussion-type select {
		margin-bottom: 15px;
	}
	.testimonial .submit {
		margin-top: 10px;
	}
	.testimonial .discussion-info input {
		margin-bottom: 10px;
	}
	.progress {
		margin-bottom: 10px;
	}
	.feature-section {
		padding: 60px 0;
	}
	.feature-post {
		margin-bottom: 20px;
	}
	.section-title {
		margin-bottom: 80px;
	}

	.fz-news-post {
		margin-bottom: 20px;
	}
	#fx-slider .slider-area {
		top: 20%;
	}
	.fz-title {
		margin-top: 15px;
	}
	.page-pagination,
	article.grid-item {
		max-width: 375px;
		margin: 0 auto 30px auto;
	}
	.padding-top35 {
		padding-top: 15px;
	}

}
/*  4 - media screen and (max-width: 991px) End
---------------------------------------------------------------------- */


/*  5 - media screen and (max-width: 770px)
---------------------------------------------------------------------- */
@media screen and (max-width: 770px){
	.get-quote a {
		width: 100px;
		height: 40px;
		font-size: 12px;
		text-transform: capitalize;
		padding-top: 10px;
	}
	.home-page-2 .menu-style-2 ul li a {
		padding: 10px 5px;
	}
}
/*  4 - media screen and (max-width: 770px) End
---------------------------------------------------------------------- */
@media screen and (max-width: 768px){
#finanz-menu a {
    padding: 20px 10px;
    font-size: 13px;
}
}
/*  5 - media screen and (max-width: 767px)
---------------------------------------------------------------------- */
@media screen and (max-width: 768px){

	.office-info .padding-left0 {
		padding-left: 15px;
		margin-bottom: 20px;
	}
	.menu-bg {
		display: none;
	}
	.menu-burger {
		display: none;
	}
	.navbar-toggle {
		border: 1px solid #fff;
	}
	.page-breadcrumb h2 {
		font-size: 25px;
	}
	.section-padding {
		padding: 30px 0;
	}
	.section-title {
		margin-bottom: 20px;
	}
	#fx-slider .slider-area {
		top: 10%;
	}
	#fx-slider .carousel-inner h1 {
		font-size: 25px;
	}
	#fx-slider .carousel-inner h2{
		font-size: 15px;
	}
	.page-breadcrumb .breadcrumb-overlay {
		padding-top: 100px;
	}
	.counter-item {
		margin-bottom: 20px;
	}
	.feature-post {
		margin-bottom: 20px;
	}
	.skill-section .fz-video {
		margin-bottom: 30px;
	}
	.skill-section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.achievements .overlay {
		padding: 30px 0;
		padding-bottom: 0;
	}
	.team-carousel .owl-dots {
		margin-top: 0px;
	}
	.testimonial .submit button {
		margin-top: 0;
	}
	.section-title .sub-title span {
		font-size: 8px;
		letter-spacing: 2px ;
	}
	.section-title .title h2 {
		font-size: 22px;
	}
	.partner {
		padding: 20px 0;
	}
	.content-404 h2 {
		font-size: 100px;
	}
	.single-post .fz-text blockquote {
		margin: 20px 20px;
	}
	.post-author.margin-top80 {
		margin-top: 50px;
	}
	.post-comments-area.padding-top80 {
		padding-top: 40px;
	}
	#google-map {
		margin-bottom: 30px;
	}


	.instagram-images {
		padding-left: 15px;
	}
	.footer-bottom .Copyright {
		float: none !important;
		text-align: center;
		margin-bottom: 10px;
	}
	.footer-bottom .footer-menu {
		float: none !important;
		text-align: center;
		margin-bottom: 15px;
	}
	.footer-bottom .footer-menu ul li {
		padding: 0 5px;
	}
	/*------------------
	section padding
	----------------------*/
	.padding-top120 {
		padding-top: 50px;
	}
	.footer-widget-title {
    margin-bottom: 20px;
}
}
/*  5 - media screen and (max-width: 767px) End
---------------------------------------------------------------------- */
@media screen and (max-width: 767px){ 
	.menu-bg {
		display: block;
	}
	.menu-burger {
		display: block;
	}
}

/*  6 - media screen and (max-width: 680px)
---------------------------------------------------------------------- */
@media screen and (max-width: 680px){ 
	.fz-service-icon {
		padding-right: 10px;
	}
	.fz-service-icon i {
		font-size: 20px;
	}
	.post-comments-area ul li.children {
		margin-left: 20px;
	}
	.instagram-badge-image ul li {
		width: 70px;
	}
}
/*  6 - media screen and (max-width: 680px) End
---------------------------------------------------------------------- */


/*  7 - media screen and (max-width: 599px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px){
	
	.single-post .fz-text blockquote {
		margin: 10px 5px;
	}
	.post-author.margin-top80 {
		margin-top: 20px;
	}
}
/*  7 - media screen and (max-width: 599px)
---------------------------------------------------------------------- */


/*  8 - media screen and (max-width: 430px)
---------------------------------------------------------------------- */
@media screen and (max-width: 430px){
	body {
		overflow-x: hidden;
	}

	/*menu 
	_________________*/
	.header-top .address h2 {
		font-size: 10px;
	}
	.page-breadcrumb .breadcrumb-overlay {
		padding-top: 50px;
	}
	.feature .fz-content {
		padding-left: 15px;	
	}
	.author-links-wrap li a {
		padding: 5px;
	}
	.content-404 p {
		font-size: 20px;
	}
	.tp-caption.WebProduct-Content, .WebProduct-Content {
		font-weight: 400;
		line-height: 22px !important;
	}
	.tp-caption.Concept-Notice  a {
		width: 100px;
		height: 28px;
		line-height: 28px;
		font-size: 10px;
		letter-spacing: 1px;

	}
	/*	.page-breadcrumb 
	_________________________________*/
	.page-breadcrumb .breadcrumb-overlay {
		padding-top: 100px;
	}
	/*title 
	____________________________________*/
	.fz-post-title {
		padding: 15px 0 15px 20px;
	}
	.fz-post-title h2 {
		font-size: 15px;
	}
	/*about-section 
	______________________________________________*/
	.about-bio .about-bio-tab .about-nav-tabs {
		margin-bottom: 5px;
		margin-right: 0;
		float: none;
	}
	.about-bio .about-bio-tab ul li {
		display: inline-block;
		text-align: center;
		width: 32%;
	}

	.about-bio .about-bio-tab ul li a {
		line-height: 25px;
		font-weight: normal;
	    font-size: 12px;
	}
	.about-bio .about-bio-tab .about-nav-tabs i {
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
		margin-bottom: 5px;
		float: none;
		font-size: 20px;
	}
	.about-bio .tab-content {
		overflow: hidden;
		padding-left: 5px;
		padding-top: 10px;
		border-left: 1px dashed transparent;
		border-top: 1px dashed #ccc;
	}
	.about-bio .tab-content p {
		margin-bottom: 5px;
	}
	.about-bio .tab-content .fz-button.margin-top40 {
		margin-top: 20px;
	}
.achievements .overlay {
	padding-bottom: 5px;
}
	.fz-meta li a {
		padding: 10px 5px;
	}
	.grid-item.margin-bottom80 {
		margin-bottom: 25px;
	}
	.grid .grid-item .fz-content.blog {
		margin-top: 10px;
	}
	.fz-content.blog .fz-meta {
		margin-bottom: 5px !important;
	}
	.main-content.padding-top80 {
		padding-top: 40px;
	}
	.single-post .fz-title h2 a {
		font-size: 20px;
	}
	.single-post .fz-title.margin-bottom40 {
		margin-bottom: 20px;
	}
	.author-meta-avatar {
		float: none !important;
		margin-bottom: 21px;
	}
	.post-comments-area .comments-img {
		float: none;
	}
/*side-bar
_____________________*/
.side-bar-widget {
	padding: 10px;
}
.recent-post .fz-post .fz-title h2 a {
	font-size: 13px;
}
/*contact page 
____________________*/
.office-info-post {
    margin-bottom: 25px;
}
.contact-form-inner button {
    padding: 8px 10px;
    font-size: 12px;
}
.fz-button .fz-btn {
	padding: 8px 5px;
	font-size: 12px;
	font-weight: 300 !important;
	letter-spacing: 0px !important;
	text-transform: capitalize;
}
	.popup {
		width: 10px;
		height: 20px;
		padding: 10px 10px 10px 14px;
	}
	.popup:before {
		width: 50px;
		height: 50px
	}
	.popup span {

		border-left: 10px solid #fff;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	.popup:after {
		width: 40px;
		height: 40px
	}
	/*testimonia
	________________________*/

	.testimonial .submit button {
		width: 100px;
		height: 35px;
		text-transform: capitalize;
		font-weight: normal;
		line-height: 35px;
		padding: 0px 10px;
	}
	.testimonial .submit button span {
		line-height: 38px;
	}
	.partner-carousel .owl-item {
		padding: 5px 25px;
	}

    /*footer
    _____________________*/
    .footer-widget-title {
    	margin-bottom: 10px;
    }


}
/*  8 - media screen and (max-width: 430px) End
---------------------------------------------------------------------- */


/*  9 - media screen and (max-width: 400px)
---------------------------------------------------------------------- */
@media screen and (max-width: 400px){
	.header-top .logo {
		text-align: left;
		margin-left: 0;
		width: 150px;
	}
	.counter-item {
		text-align: center;
	margin-bottom: 25px;
}
	.achievements .counter-item i {
margin-right: 0;
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
    padding: 15px 10px;
    	}
	.achievements .counter-item span {
		padding-top: 5px;
		font-size: 12px;
		font-weight: 500;
	}
.achievements .counter-item h2 {
    font-size: 23px;
    line-height: 25px;
}
	.testimonial .submit button {
		margin-top: 0;
	}
	.footer-widget-section .col-md-3.col-xs-6 {
		width: 100%;
	}
	.footer-widget {
		min-height: 0; 
		margin-bottom: 35px;
	}
	.footer-widget-title {
		margin-bottom: 10px;
	}
	.fz-post-content p {
		margin-bottom: 40px; 
	}
	.fz-meta li {
		    padding: 10px 0px;

	}
	.fz-meta li i {
		margin-right: 5px;
	}
}
/*  9 - media screen and (max-width: 400px)
---------------------------------------------------------------------- */
@media screen and (max-width: 375px) {
	.achievements .overlay {
	padding-bottom: 15px;
}
}
/*  9 - media screen and (max-width: 400px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px) {
	.fz-title {
    margin-bottom: 6px;
}
	.fz-title h2 a {
		font-size: 16px;
	}
	.fz-text p {
		font-size: 13px;
	}

	.tp-caption.WebProduct-Content, .WebProduct-Content {
		font-weight: 400;
		line-height: 17px !important;
	}
.achievements .counter-item i {
    font-size: 21px;		
}
.latest-news .fz-news-post .fz-meta li {
    padding: 10px 0px;
}
	.achievements .overlay {
	padding-bottom: 10px;
}
.footer-bottom .footer-menu ul li a {
    font-size: 12px;
}
.footer-bottom {
    padding: 10px 0;
}
.footer-bottom p {
    font-size: 10px;
}
}