/* ~~~~~~~~~~~~~~~~~~~  Large Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    section h1 {
        font-size: 32px;
    }

    section h3 {
        font-size: 20px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 44px;
        margin-bottom: 0;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 22px;
    }

    #services-cards .home_card {
        min-height: 455px;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 545px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Generic Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    section h1 {
        font-size: 32px;
    }

    section h3 {
        font-size: 20px;
    }

    /* Nav Bar */
    #header #logo > a img {
        height: 32px;
    }

    #mainMenu nav > ul > li > a {
        padding: 10px;
        padding-left: 0;
        font-size: 14px;
    }

    #mainMenu nav > ul > li .dropdown-menu {
        min-width: 225px;
    }
    
    #mainMenu nav > ul > li .dropdown-menu > li > a {
        font-size: 14px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 44px;
        margin-bottom: 0;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 22px;
    }

    #services-cards .home_card {
        min-height: 385px;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 545px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Smallest Laptop ~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 1025px) and (max-width: 1199px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    section h1 {
        font-size: 32px;
    }

    section h3 {
        font-size: 20px;
    }

    .container {
        max-width: 1050px;
    }

    /* Nav */
    #header #logo > a img {
        height: 32px;
    }

    #mainMenu nav > ul > li > a {
        padding: 10px;
        padding-left: 0;
        font-size: 12px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider {
        height: 50vh;
    }

    .inspiro-slider .slide .slide-captions h1 {
        font-size: 44px;
        margin-bottom: 0;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 22px;
    }

    #welcome-text h4 {
        font-size: 16px;
    }

    #services-cards .home_card {
        min-height: 385px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 545px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    section h3 {
        font-size: 20px;
    }

    .container {
        max-width: 1050px;
    }

    /* Nav */
    #header #logo > a img {
        margin-left: -10px;
    }

	#mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li > a > i {
		font-size: 20px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 18px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
		padding-left: 15px; 
	}

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider {
        height: 50vh;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 22px;
    }

    #welcome-text h4 {
        font-size: 16px;
    }

    #services-cards .home_card {
        min-height: 385px;
    }

    #services-cards .home_card .card-title {
        font-size: 18px;
        min-height: 40px;
    }

    /* Contact Page */
    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Between md and lg breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media screen and (min-width: 769px) and (max-width: 991px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    .container {
        max-width: 785px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 30px;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 18px
    }

    #welcome-text h4 {
        font-size: 16px;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Hard Drive Page */
    #hard-drive-page-intro img {
        margin: 10px 0;
    }

    /* Smartphone Page */
    #smartphone-we-can-recover img {
        margin-bottom: 10px;
    }

    /* Data Destruction Page */
    #important-data-destruction img {
        margin-bottom: 10px;
    }

    /* About Page */
    #about-page-section img {
        margin-bottom: 10px;
    }
}

/* ~~~~~~~~~~ iPad Air ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 769px) and (max-width: 820px) and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    .container {
        max-width: 785px;
    }

    /* Nav */
    #header #logo > a img {
        margin-left: -10px;
    }

    .mainMenu-open #header #mainMenu {
        overflow-y: hidden;
    }

	#mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li > a > i {
		font-size: 20px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 18px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
		padding-left: 15px; 
	}

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider {
        height: 50vh;
    }

    #services-cards .home_card {
        min-height: 385px;
    }

    #services-cards .home_card .card-title {
        min-height: auto;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Hard Drive Page */
    #hard-drive-page-intro img {
        margin: 10px 0;
    }

    /* Smartphone Page */
    #smartphone-we-can-recover img {
        margin-bottom: 10px;
    }

    /* Data Destruction Page */
    #important-data-destruction img {
        margin-bottom: 10px;
    }

    /* About Page */
    #about-page-section img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 600px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    /* Nav */
    #header #logo > a img {
        margin-left: -10px;
    }

	#mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li > a > i {
		font-size: 20px;
	}
	
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span {
		font-size: 18px;
	}

	#mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
		padding-right: 110%;
	}
	
	#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
		padding-left: 15px; 
	}

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider {
        height: 50vh;
    }

    .inspiro-slider .container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .inspiro-slider .slide .slide-captions h1 {
        font-size: 36px;
    } 

    #services-cards .home_card {
        min-height: 385px;
    }

    #services-cards .home_card .card-title {
        min-height: auto;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Hard Drive Page */
    #hard-drive-page-intro img {
        margin: 10px 0;
    }

    /* Smartphone Page */
    #smartphone-we-can-recover img {
        margin-bottom: 10px;
    }

    /* Data Destruction Page */
    #important-data-destruction img {
        margin-bottom: 10px;
    }

    /* About Page */
    #about-page-section img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 600px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Between xs and sm breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media only screen and (min-width: 576px) and (max-width: 636px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */ 
    .container {
        max-width: 725px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 30px;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 16px
    }

    #welcome-text h2 {
        font-size: 20px;
    }

    #welcome-text h4 {
        font-size: 14px;
    }

    #services-cards .home_card {
        min-height: 405px;
    }

    #services-cards .home_card .card-title {
        min-height: 45px;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Landscape ~~~~~~~~~~~~~~~~~~~  */
@media only screen and (max-height: 481px) and (max-width: 964px) and (orientation: landscape) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    .container {
        max-width: 725px;
    }

    /* Nav */
    #header #logo > a img {
        margin-left: -10px;
    }

	#mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li > a > i {
		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;
	}

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 38px;
    }

    #welcome-text h4 {
        font-size: 16px;
    }

    #services-cards .home_card {
        min-height: 390px;
    }

    #services-cards .home_card .card-title {
        min-height: auto;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Smartphone Page */
    #smartphone-we-can-recover img {
        margin-bottom: 10px;
    }

    /* Data Destruction Page */
    #important-data-destruction img {
        margin-bottom: 10px;
    }

    /* About Page */
    #about-page-section img {
        margin-bottom: 10px;
    }

    /* Contact Page */
    #contact-section .contact_card {
        min-height: 600px;
    }

    #contact-section #contact-right-side #contact-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Portrait ~~~~~~~~~~~~~~~~~~~  */
@media only screen and (max-width: 480px) and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 15px 0 0;
    }

    section h1,
    section h3,
    section h4 {
        margin-bottom: 0;
    }

    .card .card-body {
        padding: 1.5rem;
    }

    /* Nav */
    #header #logo > a img {
        margin-left: -10px;
    }

	#mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li > a > i {
		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;
	}

    /* Footer */
    footer img {
        margin-bottom: 15px;
    }

    /* Call To Action */
    #call-to-action h4 {
        margin-bottom: 10px;
    }

    /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
    /* Home Page */
    .inspiro-slider .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .inspiro-slider .flickity-button.previous, 
    .inspiro-slider .flickity-button.previous:hover {
        left: -15px !important;
    }

    .inspiro-slider .flickity-button.next, 
    .inspiro-slider .flickity-button.next:hover {
        right: -15px !important;
    }

    .inspiro-slider .slide .slide-captions h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .inspiro-slider .slide .slide-captions h3 {
        font-size: 18px
    }

    #welcome-text h4 {
        font-size: 14px;
    }

    #services-cards .home_card .card-title,
    #services-cards .home_card {
        min-height: auto;
    }

    /* Laptop Page */
    #mac-pc-laptop-recovery img, #after-dropping-laptop img {
        margin-bottom: 10px;
    }

    /* Desktop Page */
    #mac-or-pc img {
        margin-bottom: 10px;
    }

    /* Server Page */
    #server-img-row img {
        margin-bottom: 10px;
    }

    /* Smartphone Page */
    #smartphone-we-can-recover img {
        margin-bottom: 10px;
    }

    /* Data Destruction Page */
    #important-data-destruction img {
        margin-bottom: 10px;
    }

    /* About Page */
    #about-page-section img {
        margin-bottom: 10px;
    }
}