/* Responsive CSS Document */

/* 
    Created on   : 24/09/2017.
    Theme Name   : Gullu.
    Description  : Gullu - Agency & Startup HTML Template
    Version      : 1.0.
    Author       : @CreativeGigs.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)
   
*/

@media (min-width: 992px) {
    
}
@media (max-width: 1600px) {
	
}
@media (min-width: 1200px) and (max-width: 1600px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (max-width: 1199px) {
	#admin-bar {
		font-size: 12px !important;
	}
	
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
	#admin-bar {
		font-size: 8px !important;
	}
	
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
	a.nav-link {
		font-size: 10px;
	}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
	#admin-bar {
		display: none;
	}
	.navbar-toggler {
		margin: 0 auto;
	}
	.main-bio-wrap,
	.blog-wrapper .card {
		margin-top: 40px;
	}
	.blog-wrapper .row .col-md-4:first-child .card {
		margin-top: 0;
	}
	.gform_wrapper .gfield.image-choices-field ul li.image-choices-choice {
		margin-right: 0 !important;
	}
	.gform_wrapper ul.gfield_checkbox li.image-choices-choice label, .gform_wrapper ul.gfield_radio li.image-choices-choice label {
		width: 100% !important;
	}
	/****** CALCULATOR CSS ******/
	form.mortgage-calc {
		padding: 0;
	}
	.calculator-table tbody tr td {
		display: block;
		padding: 5px 15px;
		text-align: center;
	}
	.calculator-table tbody tr td .btn {
		margin: 15px 0;
		display: block;
		width: 100%;
	}
	.page-template-page-calculator .page-content h1 {
		margin-top: 0;
	}
}
/*(max-width: 767px)*/

@media (min-width: 650px) {
	
}

@media (max-width: 650px) {
    
}

@media (max-width: 600px) {
	.four-wrapper .col-sm-6 {
		padding: 20px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.four-wrapper .col-sm-6:first-child {
		padding-top: 0 !important;
	}
	.four-wrapper .col-sm-6:last-child {
		padding-bottom: 0 !important;
		border-bottom: none !important;
	}
}

@media (max-width: 550px) {
	
}
@media (max-width: 520px) {
	
}
@media (max-width: 500px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 450px) {
	
}

@media (max-width: 400px) {
	
}
@media (max-width: 350px) {
	
}