/*LARGE DESKTOP */
@media (min-width: 1900px) {

}

@media (min-width:1661px) {

}

/*SEMI-LARGE DESKTOP */
@media (min-width:1400px) and (max-width:1660px) {
.hero::after { width: 50%; height: 115%;}
.hero-caption h1 { font-size: 35px;}
.hero-caption p { font-size: 20px;}
.hero-img img { margin: 0 20px 0 0; width: 60%;}
.pricing-sec h2 { font-size: 30px;}
.pricing-sec p { font-size: 17px;}
.footer-contact h3 { font-size: 30px;}
}

/*NORMAL DESKTOP */
@media (min-width: 1200px) and (max-width: 1399px) {
.hero::after { width: 60%; height: 130%; right: -5%;}
.hero-caption h1 { font-size: 35px; margin: 0 0 30px 0;}
.hero-caption p { font-size: 20px;}
.hero-img { text-align: center;}
.hero-img img { margin: 0 0 0 20px; width: 55%; }
.pricing-sec { padding: 80px 0;}
.pricing-sec h2 { font-size: 30px;}
.pricing-sec p { font-size: 17px;}
footer { padding: 80px 0;}
.footer-contact h3 { font-size: 30px;}
}

@media (min-width:1200px) {
.container { max-width: 1170px;}
}

/*iPad OR SMALL DESKTOP*/
@media (min-width: 992px) and (max-width: 1199px) {
.hero::after { width: 60%; height: 130%; right: -7%;}
.hero-area { padding: 30px 0 50px;}
.hero-caption h1 { font-size: 30px; margin: 0 0 30px 0;}
.hero-caption p { font-size: 17px; line-height: 24px;}
.hero-img { text-align: center;}
.hero-img img { margin: 0 0 0 20px; width: 55%; }
.pricing-sec { padding: 70px 0;}
.pricing-sec h2 { font-size: 30px;}
.pricing-sec p { font-size: 17px;}
footer { padding: 50px 0;}
.footer-contact h3 { font-size: 30px;}
}

/*TABLET & iPad*/
@media (min-width: 768px) and (max-width: 991px) {
.hero::after { width: 70%; height: 150%; right: -10%; top: -40%;}
.navbar-brand { width: 200px;}
.navbar-nav .nav-item { margin: 0 0 0 30px;}
.navbar-nav .nav-item .nav-link { font-size: 20px;}
.hero-area { padding: 30px 0 50px;}
.hero-caption h1 { font-size: 30px; margin: 0 0 30px 0;}
.hero-caption p { font-size: 17px; line-height: 24px;}
.hero-img { text-align: center; display: none;}
.hero-img img { margin: 0 0 0 20px; width: 55%; }
.pricing-sec { padding: 70px 0;}
.pricing-sec h2 { font-size: 30px;}
.pricing-sec p { font-size: 17px;}
footer { padding: 50px 0;}
.footer-contact h3 { font-size: 30px;}
.footer-logo { width: 40%; padding: 50px 40px;}
.footer-social { width: 48%;}
.footer-social a span { font-size: 17px;}
}

/*LARGE MOBILES OR PHABLET*/
@media (max-width: 767px) {
.container { padding: 0 25px;}
.hero::after { width: 70%; height: 150%; right: -10%; top: -40%; display: none;}
.navbar-brand { width: 200px;}
.navbar-toggler { position: relative; z-index: 1; font-size: 20px; color: #2d61d3; border: 2px solid #2d61d3;}
.navbar-toggler:focus { box-shadow: none;}
.navbar-nav { text-align: right;}
.navbar-nav .nav-item { margin: 0; border-bottom:  1px solid #2d61d340;}
.navbar-nav .nav-item .nav-link { font-size: 20px; color: #2d61d3;}
.hero-area { padding: 30px 0 50px;}
.hero-caption h1 { font-size: 30px; margin: 0 0 30px 0;}
.hero-caption p { font-size: 17px; line-height: 24px;}
.hero-img { text-align: center; display: none;}
.hero-img img { margin: 0 0 0 20px; width: 55%; }
.pricing-sec { padding: 70px 0;}
.pricing-sec h2 { font-size: 30px;}
.pricing-sec p { font-size: 17px;}
footer { padding: 50px 0;}
.footer-contact { flex-wrap: wrap;}
.footer-contact h3 { font-size: 30px;}
.footer-logo { width: 100%; padding: 20px 50px; margin: 0 0 20px 0;}
.footer-social { width: 100%;}
.footer-social a span { font-size: 17px;}
}

/*MEDIUM MOBILES*/
@media (min-width: 360px) and (max-width: 480px) {

}

/*SMALL MOBILES*/
@media (max-width: 320px){

}