/* Small Desktop
   ================================================== */

@media (min-width:992px) and (max-width:1199px) {
	.header-contact {
		margin-bottom: -20px;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 3px 9px !important;
		font-size: 13px;
	}

	footer .footer-nav ul li a {
		font-size: 14px;
	}

	.inside-page-content aside ul {
		padding-left: 0px;
	}

	.contact-no {
		margin-right: 10px;
	}

	.instant-quote-btn {
		font-size: 30px;
	}

	.index-content h1 {
		line-height: 30px;
	}

	.zipcode-form #Type,
	.zipcode-form input {
		width: 185px;
	}

	aside ul li {
		font-size: 13px;
	}
}

@media screen and (max-width: 991px) {
	a.sms-txt {
		cursor: pointer;
		pointer-events: auto;
		text-decoration: none;
	}
}


/* mobile ===================== */

@media (max-width:767px) {
	.header-contact {
		display: block;
		margin-bottom: 0px;
		background: #2c2c2c;
		padding: 10px;
	}

	.contact-no {
		line-height: 17px;
		margin-left: 10px;
		margin-right: 0px;
		font-size: 14px;
	}

	.logo-nav .row {
		display: block;
	}

	header {
		z-index: 9;
		position: relative;
	}

	.logo img {}

	.text-num {
		right: 10px !important;
	}

	ul.navbar-nav {
		width: auto;
		margin: 0px -15px;
	}

	ul.navbar-nav:after {
		display: block;
	}

	ul.navbar-nav>li {
		display: flex !important;
		text-align: center;
		flex-direction: column;
	}

	.navbar-default .nav {
		float: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 10px 0;
	}

	.navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		border: none !important;
		background: none;
		padding: 0px;
	}

	.navbar-header {
		position: absolute;
		top: -76px;
		right: 0px;
	}

	.dropdown.open .active>a,
	.dropdown.open .active>a:hover,
	.dropdown.open .active>a:focus {
		background: #46f27d !important;
		color: #333 !important;
		border-radius: 10px;
		box-shadow: 1px 1px 3px #000;
	}

	.navbar {
		min-height: 0px;
	}

	.logo img {
		height: auto;
		margin: 15px 0;
        width: 80%;
	}

	.dropdown-menu>.active>a,
	.dropdown-menu>li>a:hover {
		background: transparent !important;
	}

	.navbar-default .navbar-nav>.active {
		/* IE10+ */
		background: transparent;
	}

	.logo {
		display: inline-block;
		z-index: 99;
	}

	.nav-content {
		z-index: 9;
	}

	.nav {
		background: #2c2c2c;
		float: none !important;
	}

	#menu-collapse {
		position: absolute;
		padding-bottom: 20px;
		text-align: center;
		box-shadow: none;
		padding: 0 15px;
		border-top: 3px solid #dcf435;
		width: 100%;

	}

	#phone-compare {
		height: 80px;
		width: 80px;
		margin: 0px auto 18px;
	}

	.navbar-default .navbar-nav li a {
		font-size: 14px;
		color: #ffffff !important;
		line-height: 20px;
	}

	.navbar-nav>li>a {
		padding: 5px 10px !important;
		margin: 5px 0;
	}

	.dropdown.open {
		padding-bottom: 0px;
	}

	.navbar-default .navbar-nav>li.active a,
	.navbar-default .navbar-nav li a:hover,
	.navbar-default .navbar-nav li a:focus,
	.navbar-default .navbar-nav .lob-active {
		color: #2c2c2c !important;
	}

	.dropdown-menu {
		text-align: center;
		font-size: 14px;
		background: transparent !important;
		margin-top: 5px !important;
	}

	.navbar-nav .open .dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		font-weight: bold;
		text-transform: uppercase;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
		background: #46f27d !important;
		color: #2c2c2c !important;
		border-radius: 10px;
		box-shadow: 1px 1px 3px #000;
	}
	
	.dropdown-submenu .submenu-wrapper{
		line-height:30px;
	}
	
	.dropdown-submenu.active a.submenu-link{
		color: #2c2c2c !important;
	}
	
	.dropdown-submenu .submenu-wrapper:hover, .dropdown-submenu .submenu-wrapper:focus, .dropdown-submenu.active .submenu-wrapper {
		background: #46f27d !important;
		color: #2c2c2c !important;
		border-radius: 10px;
		box-shadow: 1px 1px 3px #000;
	}

	.lob-active,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>li.active>a,
	.navbar-default .navbar-nav>li>a:hover {}

	.carousel-inner img,
	.inner-banner img {
		height: 60vh !important;
		min-height: 300px;
		max-height: 500px;
	}

	.carousel-indicators {
		z-index: 999;
		bottom: 5px;
	}

	.banner-content {
		width: 100%;
		text-align: center;
	}

	.banner-content h2 {
		font-weight: bold;
		font-size: 24px;
		padding: 0px;
		margin: 0px;
	}

	.banner-content h4 {
		font-size: 18px;
		padding-bottom: 5px;
		margin: 0px 0px 10px;
	}

	.zip-content {
		width: 200px;
		margin: auto;
	}

	.zipcode-form p {
		font-size: 15px;
		line-height: 15px;
		text-align: left;
	}

	.zipcode-form .btn {
		padding: 4px 40px;
		font-size: 15px;
	}

	.zipcode-form #Type,
	.zipcode-form input {
		margin-bottom: 10px;
	}

	.zipcode-form #Type {
		padding-left: 5px;
	}

	.zipcode-form div .carousel-indicators {
		bottom: 0px;
	}

	.index-content h1, .content h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.main-content {
		display: block;
	}

	.main-content>img {
		margin: auto;
	}

	.content p {
		font-size: 13px !important;
	}

	.inside-page-content .container>.row {
		display: block;
	}

	.inside-page-content aside ul {
		width: 230px;
		padding: 0px;
		display: block;
		margin: auto;
	}

	.inside-page-content .row aside {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.lob .row {
		flex-direction: column;
	}

	.lob .row>div {
		margin: 20px auto;
		padding: 50px 20px 30px;
		background-size: inherit !important;
		background-position: left bottom !important;
		box-shadow: 1px 5px 10px #000;
		width: 90%;
	}

	.lob button {
		bottom: 10px;
		padding: 5px 10px;
	}

	.lob button:hover {
		padding: 5px 10px;
	}

	.lob-icon {
		height: 65px;
		width: 65px;
		top: 6px;
	}

	.main-content {
		padding: 30px 0px;
	}

	aside ul li {
		line-height: 35px;
	}

	aside .lob-icon {
		height: 80px;
		width: 80px;
	}

	.lob .fa {
		font-size: 35px;
		line-height: 60px;
	}

	.lob h2 {
		font-size: 26px;
		height: auto !important;
		margin-top: 30px;
	}

	.lob p {
		height: auto !important;
	}

	.social {
		height: 80px;
	}

	.social li a .fa,
	.social li a .fab {
		font-size: 14px;
	}

	.social li a {
		width: 30px;
		height: 30px;
	}

	.social li a {
		padding: 12px;
	}

	footer>.container>.row:first-child {
		border-bottom: 1px solid #1a1a1a;
		margin-bottom: 20px;
	}

	footer .footer-nav ul {
		margin: 0px -15px;
		width: auto;
	}

	footer .footer-nav ul li {
		display: block;
		float: none;
		padding-bottom: 0px;
		text-align: center;
		margin: 10px 0;
	}

	footer .footer-nav ul li a {
		line-height: 30px;
		width: 100%;
		padding: 5px 10px;
		height: auto !important;
	}
	
	.navbar-default .navbar-nav .dropdown-menu .dropdown-submenu i {
		color: #46f27d;
	}

	.navbar-default .navbar-nav .dropdown-menu .dropdown-submenu.active i, .navbar-default .navbar-nav .dropdown-menu .dropdown-submenu:hover i, .navbar-default .navbar-nav .dropdown-menu .dropdown-submenu:focus i {
		color: #000;
	}
	
	
	#carrier-title {
		font-size: 22px;
	}
	.submenu-wrapper {
	display: inherit !important;
	text-align: center;
}
}

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

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.nav-content {
		margin-bottom: -3px;
	}
}


/* tablet portrait */

@media (min-width:768px) and (max-width:991px) {
	.header-contact {
		margin-bottom: -20px;
	}

	.carousel-inner img,
	.inner-banner img {
		height: 60vh !important;
		min-height: 350px;
		max-height: 600px;
	}

	.logo img {
		height: auto;
		width: 225px;
	}

	.navbar-nav>li>a {
		padding: 3px 5px !important;
		line-height: 24px !important;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 10px;
	}

	.header-contact {
		line-height: 35px;
	}

	.contact-no {
		font-size: 16px;
		margin-right: 25px;
	}

	.text-num {
		margin-right: 5px;
	}

	.lob button {
		padding: 5px 15px;
	}

	.zipcode-form .btn {
		padding: 5px 35px;
	}

	.inside-page-content aside ul {
		padding: 0px;
	}

	.instant-quote-btn {
		font-size: 30px;
	}

	.index-content h1 {
		line-height: 30px;
	}

	.social li a {
		padding: 22px 18px;
	}

	.social li a .fa {
		font-size: 25px;
		color: #747474;
		vertical-align: middle;
	}

	.social li a .fa-facebook {
		font-size: 29px;
		padding: 0px 4px;
	}

	.social li a .fa-google-plus {
		font-size: 21px;
	}

	footer .footer-nav ul li a {
		font-size: 13px;
		line-height: 36px;
	}

	.footer-nav {
		float: left;
		margin-bottom: 5px;
	}
	
	.lob h2 {
		font-size:25px;
	}
}

@media (max-width:991px) {
	.address-info li {
		line-height: 20px;
		font-size: 12px;
		font-weight: bold;
	}

}

/* @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) {
.zipcode-form #Type {
padding-left:13px;
background:#ffffff!important;
}

} */
@media (min-width: 768px) {
	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -1px;
		display: none;
		position: absolute;
		background: #fff;
		background: linear-gradient(90deg, #fff, #fff);
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		color: #fff;
	}

	.dropdown-submenu {
		position: relative;
	}


	.navbar-default .navbar-nav .dropdown-menu li a.submenu-link {
		padding-left: 10px;
		text-align: inherit;
		color: #333;
	}

	.navbar-default .navbar-nav .dropdown-menu .dropdown-submenu i {
		padding: 7px 4px;
		color: #000;
	}


}