@media (min-width: 320px) and (max-width: 575.97px) { 
    .item-box .caption { left: 5%;} 
	.welcome { padding-top: 80px!important; padding-bottom:30px!important;}
	.sign-in-button{width:100%;}
	.discount-button{width:100%;}
	.btn-subcribe-button{width:100%;}
	.contact-us-button{width:100%;}
 }
 @media (min-width: 575.98px) and (max-width: 767px) { 
    .item-box .caption { top: 12%!important;} .active-package .card-body br { display: none;}
    
 }
 @media (min-width: 768px) and (max-width: 991px) { 
    .item-box .caption { top: 7%;} 
 }

@media (max-width: 575.98px) { .carousel-item { padding-left: 50px; padding-right: 50px;}
.basic-package { padding-left: 30px; padding-right: 30px;}
	
 }


@media (max-width: 767.98px) { #topbar .social-links { text-align: center; margin: 0px auto;}
.welcome .title br { display: none;}  
.active-package .card h4::after { margin: auto;}
	.welcome { padding-top: 120px!important; padding-bottom:30px!important;}
}


@media (max-width: 991.98px) { .navbar-wrap .nav-link {  border-bottom: 1px solid #ebe8e8; }
	 .welcome { padding-top: 80px; padding-bottom:30px;}
.navbar-wrap .nav-link { }
.navbar-wrap .btn-package-button { margin: 0px auto; width:200px; display: block; margin-top: 10px;}
.basic-package .price-tag { position: relative; right: 0%; left: 0px; top: 0px; text-align: center;}
.navbar-wrap .dropdown-menu { background-color:#f8f8f8; border: none !important; text-align: left;
   box-shadow: 0px 2px 10px rgba(18, 66, 101, 0.08);} 
.navbar-wrap .dropdown-menu li { text-align: center;}
.main-packages { padding-top: 60px; padding-bottom: 70px;}
.about { padding-top: 80px; padding-bottom: 80px;}
	.services-box { padding-top: 80px; padding-bottom: 80px;} 
}

@media (max-width: 1199.98px) { ... }


@media (max-width: 1399.98px) { ... }