/* ~~~~~~~~~~~~~~~~~~~  Generic Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1220px) and (max-width: 1630px) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.container {
		max-width: 100vw;
	}

    #header .header-inner #logo a span {
        font-size: 36px;
    }

    #mainMenu nav>ul>li>a {
        text-decoration: none;
        font-size: 20px;
        padding: 5px 8px;
    }

}





/* ~~~~~~~~~~~~~~~~~~~  Small Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1025px) and (max-width: 1219px) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
	.container {
		max-width: 100vw;
	}

    #header .header-inner #logo a span {
        font-size: 26px;
    }

    #mainMenu nav>ul>li>a {
        text-decoration: none;
        font-size: 16px;
        padding: 5px 8px;
    }

}



/* ~~~~~~~~~~~~~~ Tablet: Landscape ~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 768px)
	and (max-width: 1024px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~ General Tags ~~~~~~~~~~ */
	h1, h2, h3, h4, h5 {
		line-height: 1.5;
	}

	h1 {
		font-size: 2em;
		padding-bottom: 10px;
	}
	
	h2 {
		font-size:1.75em;
	}
	
	h3 {
		font-size: 1.5em;
	}

	h3 .computer_repair_tag_h4 {
		font-size: 2em;
		padding-right: 77px;
	}
	
	h4 {
		font-size: 1.25em;
		margin: 0;
		padding-bottom: 0;
	}
	
	h5 {
		font-size: 1.15em;
	}
	
	.mobile_container {
		padding: 0 15px;
	}
	
	section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.mobile_column_padding {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.mobile_bottom_padding {
		padding-bottom: 10px;
	}
	
	.mobile_page_header {
		line-height: 2;
	}
		
	/* ~~~~~~~~~~~~~~ Page Layouts ~~~~~~~~~~~~~~ */
	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 24px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 22px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	/* Scroll To Top */
	#scrollTop {
		bottom: 90px!important;
	}
	
	/* Footer */
	#contact-img {
		background-image: none;
		background-color: #f8f9fa;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider .slide .slide-captions h1 {
		font-size: 4em;
		line-height: 1.5em;
		border: 50px;
		margin: 10px;
	}
	
	#slider-1-captions {
		padding: 0 225px;
	}
	
	#slider-1-captions h1 {
		width: 100%;
	}

	#slider-1-captions h3 {
		margin: 20px 0;
	}
	
	#slider-2-captions {
		width: 65%;
	}
	
	#info-container-box h3 {
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		font-size: 1.7em;
	}
	
	.text-box i {
		margin: 15px 0;
	}
	
	/* laptop Repair */
	#red-chip {
		width: 45%;
		left: -5%;
	}

	#mobile-repair-white-section h3 {
		text-align: center;
		padding-right: 0;
	}

	#call-to-action .mobile_container .row {
		align-items: center;
	}
	
	/* ~~~~~ Virus Page ~~~~~ */
	#virus-detected-img {
		width: 50%;
		float: left;
		margin-right: 25px;
	}
}











/* ~~~~~~~~~~~~~~ Tablet: Portrait ~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 481px)
	and (max-width: 768px)
	and (orientation: portrait) {
	/* ~~~~~~~~~~ General Tags ~~~~~~~~~~ */
	h1, h2, h3, h4, h5 {
		line-height: 1.5;
	}

	h1 {
		font-size: 2em;
		padding-bottom: 10px;
	}
	
	h2 {
		font-size:1.75em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		font-size: 1.25em;
		/* padding-bottom: 10px;
		margin: 20px; */
	}
	
	/* h5 {
		
	} */

	.inspiro-slider .slide .slide-captions h3 {
		padding-right: 35px;
	}
	
	section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.container {
		padding: 0 10px;
	}
	
	.mobile_container {
		padding: 0 15px;
	}
	
	.mobile_column_padding {
		padding-left: 10px;
		padding-right: 0;
	}
	
	.mobile_bottom_padding {
		padding-bottom: 10px;
	}
	
	.mobile_page_header {
		line-height: 2;
	}
	
	#contact-btn {
		margin-top: 0;
		margin-bottom: 10px;
	}
		
	/* ~~~~~~~~~~~~~~ Page Layouts ~~~~~~~~~~~~~~ */
	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 24px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 22px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	/* Scroll To Top */
	#scrollTop {
		bottom: 90px!important;
	}
	
	/* Footer */
	#contact-img {
		background-image: none;
		background-color: #f8f9fa;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	#slider-1-captions h1, #slider-2-captions h1 {
		font-size: 45px;
		line-height: 50px;
	}

	#home-cta h3 {
		margin: 20px 3vh;
	}

	#icon-container h3 {
		margin-bottom: 7px;
	}
	
	/* laptop Repair */
	#red-chip {
		left: -5%;
	}

	#mobile-repair-white-section h3 {
		text-align: center;
		padding-right: 0;
	}
}











/* ~~~~~~~~~~~~~~ Cell Phone: Landscape ~~~~~~~~~~~~~~ */
@media only screen
	and (max-height: 481px)
	and (max-width: 926px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~ General Tags ~~~~~~~~~~ */
	h1, h2, h3, h4, h5 {
		line-height: 1.5;
		/* margin-bottom: 20px; */
	}

	h1 {
		font-size: 2em;
		padding-bottom: 10px;
	}
	
	h2 {
		font-size:1.75em;
	}
	
	h3 {
		font-size: 1.3999em;
		/* padding-right: 35px; */
	}
	
	h4 {
		font-size: 1.25em;
	}
	
	/* h5 {
		
	} */

	#info-container-box h3 {
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		font-size: 1.1em;
	}
	
	.mobile_container {
		padding: 0 15px;
	}
	
	section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.mobile_column_padding {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mobile_bottom_padding {
		padding-bottom: 10px;
	}
	
	.mobile_page_header {
		line-height: 2;
		/* margin-bottom: 0; */
	}

	
		
	/* ~~~~~~~~ Page Layouts ~~~~~~~~ */
	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 18px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 16px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	/* Scroll To Top */
	#scrollTop {
		bottom: 90px!important;
	}
	
	/* Footer */
	#contact-img {
		background-image: none;
		background-color: #f8f9fa;
	}

	#carlsbad-footer, #santee-footer {
		line-height: initial;
		margin-bottom: 10px;
		border-bottom: 1px solid black;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	#slider-1-captions {
		padding: 0;
	}
	
	#slider-1-captions h1 {
		width: 100%;
	}

	#slider-2-captions h1 {
		padding: 60px 0 50px;
	}

	#slider-2-captions {
		width: 90%;
	}

	#slider-2-captions h3 {
		margin: 0;
		margin-bottom: 20px;
	}

	#home-cta h3 {
		margin: 20px 0;
	}

	#icon-container h3 {
		padding: 0;
	}

	#review-card {
		margin-top: 25px;
	}

	#review-section .mobile_column_padding {
		padding-left: 0;
		padding-right: 0;
	}

	/* Mobile Repair Page */
	#mobile-repair-white-section h3 {
		text-align: center;
		padding-right: 0;
	}

	/* Contact Page */
	#contact-card {
		margin-top: 25px;
	}
		/* Web 15*/

		#flyer-portal.flyer_portal {
			position: absolute;
			margin: auto;
			z-index: 999;
			left: 0;
			right: 0px;
			top: 323px;
			bottom: 0;
			height: 550px;
			width: 450px;
			/* display: none; */
		}
	
}











/* ~~~~~~~~~~~~~~ Cell Phone: Portrait ~~~~~~~~~~~~~~ */
@media only screen
	and (max-width: 480px) 
	and (orientation: portrait) { 
   /* ~~~~~~~~~~ General Tags ~~~~~~~~~~ */
	h1, h2, h3, h4, h5 {
		line-height: 1.5;
		margin-bottom: 0;
	}

	h1 {
		font-size: 2em;
		padding-bottom: 10px;
	}
	
	h2 {
		font-size:1.75em;
	}
	
	h3 {
		font-size: 1.5em;
		margin: 20px 0;
		text-align: center;
	}
	
	h4 {
		font-size: 1.25em;
	}
	
	/* h5 {
		
	} */
	
	.mobile_container {
		padding: 0 15px;
	}
	
	section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.mobile_column_padding {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mobile_bottom_padding {
		padding-bottom: 10px;
	}
	
	.mobile_page_header {
		line-height: 2;
	}

	/* ~~~~~~~~~~ Layout ~~~~~~~~~~ */	
	/* Logo */
	#header .header-inner #logo a {
		margin-left: -50px;
	}
	
	#header .header-inner #logo a span #small-logo {
		position: absolute;
        margin-top: 25px;
        margin-left: -85px;
	}
	
	/* Nav */
	#mainMenu:not(.menu-overlay) nav > ul > li > a {
		font-size: 18px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 16px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
		padding-left: 15px; 
	}
	
	.page_header h2 {
		line-height: 2.25em;
	}
	
	/* Scroll To Top */
	#scrollTop {
		bottom: 90px!important;
	}
	
	/* Footer */
	#contact-img {
		background-image: none;
		background-color: #f8f9fa;
	}
	
	#footer .copyright-content {
		padding: 15px 0;
	}
	
	#footer .copyright-container .container {
		padding: 0 15px;
	}

	
	#carlsbad-footer, #santee-footer {
		line-height: initial;
		margin-bottom: 10px;
		border-bottom: 1px solid black;
	}

	#footer .footer-content {
		padding-top: 0;
	}
	
	/* ~~~~~~~~~~ Individual Pages ~~~~~~~~~~ */
	/* Home Page */
	.inspiro-slider .slide .slide-captions h1, 
	.inspiro-slider .slide .slide-captions h2 {
		margin-bottom: 0;
	}

	#slider-1-captions {
		padding: 0;
	}
	
	#slider-1-captions h3 {
		font-size: 1.25em;
	}
	
	#slider-1-subcaption {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* #black-captions h3 {
		line-height: 1.5;
	} */
	
	/* #white-container {
		padding-left: 5px;
		padding-top: 10px;
	} */

	
	#slider-2-captions {
		width: 100%;
	}
	
	#slider-2-captions h1 {
		font-size: 2.3em;
		text-align: center;
	}

	.inspiro-slider .container {
		padding-left:35px;
		padding-right: 35px;
	}
	
	#slider-2-captions h3 {
		font-size: 1.5em;
		text-shadow: 2px 1px black;
		text-align: center;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#home-cta {
		padding: 0
	}

	#home-cta h3 {
		margin: 20px;
	}
	
	/* #home-cta h3, #info-container-box h2, #info-block h3 {
		line-height: 1.5;
	} */
	
	#icon-change {
		padding: 5px;
	}
	
	.text-box {
		padding: 5px;
		padding-bottom: 15px;
		max-height: 215px;
	}
	
	.text-box i {
		margin-top: 15px;
	}
	
	.text-box h3, .text-box p {
		line-height: inherit;
		font-size: 12px;
	}
	
	#services-container h4 {
		margin-bottom: 0;
		margin: 10px;
	}
	
	#carousel-container {
		margin-bottom: 20px;
	}
	
	#info-container-box {
		padding: 5px;
	}
	
	#info-box-num {
		margin: 10px;
	}
	
	#info-paragraph {
		margin-top: 10px;
	}
	
	#contact-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	#info-home #info-container-box h3 {
		font-size: 1.8em;
	}

	
	/* Mac Repair */
	.text-container {
		margin-top:	10px;
	}
	
	#mac-bg-video {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	/* Computer Repair Page */
	#laptop-header {
		padding-left: 7px;
		padding-right: 0;
	}
	
	#red-chip {
	margin-left: 0;
	margin-top: 0;
	width: 100%;
	}
	
	#free-diagnostic-img {
		width: 100%;
		margin-top: 10px;
	}
	
	.lead {
		font-size: .95em;
	}
	
	/* #mobile-repair-white-section h3, #mobile-repair-white-section h4 {
		line-height: 1.5
	} */
	
	/* Virus */
	#virus-detected-img {
		width: 100%;
	}
	
	.virus_locations {
		margin-top: 10px;
	}
	
	.years_exp {
		font-size: 1em;
	}
	
	/* Call To Action */
	#call-to-action {
		padding: 5px;
	}
	
	#contact-btn {
		margin-top: 5px;
	}
	
	.widget {
		margin-bottom: 0;
	}
	
	.copyright-text {
		font-size: small;
		line-height: initial;
	}
	
	/* Contact */
	#contact-card .card-header {
		padding: 1em 2em;
	}
	/* Web 15*/

	#flyer-portal .card {
		/* border: 1px solid #e6e8eb; */
		border-radius: 5px;
		background-color: #ffffff;
		margin-bottom: 20px;
		box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
		width: 80%;
	
	}

	#flyer-portal.flyer_portal {
		position: absolute;
		margin: auto;
		z-index: 999;
		left: -8px;
		right: 0px;
		top: 0;
		bottom: 64px;
		height: 550px;
		width: 450px;
		display: none;
		padding: 25px;
	}
}

@media (min-width: 568px) {
    .info {
        flex-flow: row wrap;
        justify-content: space-between;
    }

    /* .info-item {
        width: 50%;

    } */
}