@media (min-width: 320px) and (max-width: 640px) {
    
/*nav*/
.navigation {
	position: absolute;
	z-index:3;
	top:32px;
	width:100%;
	background-color:#0ab;
    opacity: 1;
	background-size: cover;
	background-position: 100%;
	background-repeat: no-repeat;
}
.navigation .navbar-nav li.nav-item.active:before {
    position: absolute;
    top: 14px;
    left: 18px;
    content: "";
    width: 5px;
    height: 14px;
    display: inline-block;
    background: #fff;
}
.site-cover{
    height: 65px !important; 
}

.sub-menu-parent:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translatex(25%);
    transition-delay: 0s, 0s, 0.3s;
    list-style: none;
}
.site-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 1.3rem;
    list-style: none;
    
}
.bg-video-wrap{
    position: relative;
    width: 100%;
    max-width:1368px;
    max-height:400px;
    height: 100vh;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: hidden;
    background: url('https://designsupply-web.com/samplecontent/vender/codepen/20181014.png') no-repeat center center/cover;;
}
/*nav end*/
.a-box {
    /* position: relative !important; */
    top:4% !important;
}
.breadcrum{
    padding:  0 !important;
}
.main-pricing .card-container {
    margin-bottom: 30px;
    position: relative !important;
    top: 100px !important;
}
/**/

.card-body .read-btn {
    display: block;
    border-radius: 4px;
    text-align: center;
    padding: 7px 0px;
    margin-top: 10px;
    text-decoration: none !important;
    color: #fff;
    font-family: 'montserratregular';
    background: #0ab;
    /* background: linear-gradient(to right, #1f1f1f, rgb(31, 31, 31), rgb(202, 30, 44)); */
    position: absolute;
    bottom: -20px !important;
    left: 0;
}

	.header-info {
		display: none;
	}
	.reqs-form {
		width: 100%;
	}
	.request-cap .form-control {
		width: 100%;
	}
	.sub-btn {
		float: none;
	}
	.main-events .card-deck {
		margin-top: 0 !important;
	}
	.f-nav-row {
		margin-bottom: 30px;
	}
	.f-right-nav {
		margin-bottom: 30px;
	}
    .cart-table {
        padding:10px 0 40px !important;
    }
.socialForResponsive {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    border-top: 1px solid #ca1e2c;
}

.socialForResponsive ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.socialForResponsive li {
    float: left;
    text-align: center;
    width: 25%;
}

.socialForResponsive li:last-child {
    border: none;
}

.socialForResponsive i {
    display: block;
    color: #ffffff;
    width: 30px;
    height: 30px;
    background: #ca1e2c;
    text-align: center;
    border-radius: 50%;
    padding-top: 6px;
    margin: auto;
    border: 1px solid #ffffff;
}

.socialForResponsive a {
    color: #1f1f1f;
    display: inline-block;
    padding: 10px 17px 5px;

}
.navigation .nav-item {
    line-height: 40px;
}

.asad-1 {
    position: relative;
}

.asad {
    position: absolute;
    top: -7px;
    right: 0;
}
.thumnails-slider {
    padding-top: 0;
}
.thumnails-slider .item {
    border-radius: 0;
}
.f-right-nav {
    margin-bottom: 0;
    margin-top: 30px;
}
.f-nav-row {
    margin-bottom: 0;
    /* margin-top: 30px; */
}
.navbar-toggler{border: 0 !important;}
.navbar-toggler .navbar-toggler-icon{height: 1.25 !important;}
.footer-area{
    padding: 0 1rem;
}
.main-footer {
    padding: 0;
    background-color: transparent;
    margin-top: 0 !important;
}
.main-events {
    /*padding-top: 20px;*/
}
.deposit-scheme .card-date {
    position: static;
    margin-bottom: 15px;
}
.deposit-scheme .btn-widthForResponsive {
    width: 100%;
    margin-bottom: 15px;
}
.paddingForresponsive {
    padding: 0 15px;
}
.pricing-card {
    margin-bottom: 15px;
}
.empty_card {
  
}
.mybtn {
    margin-bottom: 15px;
}
.responsive-social {
    display: none;
}
.main-tabs a.active:before {
    display: none;
}
.content-modal-bg .close {
    color: #fff;
}
.login-form {
    margin-left: 0 !important;
    margin-top: 15px;
    height: auto;
}
.login-cap {
    height: auto !important;
    padding: 20px;
}
.login-cap p {
    margin: 0;
}
.card-container {
    margin-bottom: 15px;
}
.table-accordion-responsive {
    margin-bottom: 15px !important;
}
.counter-bx {
    margin-bottom: 15px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
}
.home-banner .home-cap {
    top: 24%;
    left: 15%;
    right: 15%;
}
.home-search-adv-btn {
    width: 100%;
}
.event-show {
    display: block;
}
.event-hide {
    display: none;
}
.home-banner .form-group .form-control {
    text-align: left !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {

   
    
/*
.socialForResponsive {

        display: block;

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        background: #fff;

        z-index: 999;

        border-top: 1px solid #ca1e2c;

}

.socialForResponsive ul {

        list-style: none;

        margin: 0;

        padding: 0;

}

.socialForResponsive li {
    float: left;
    text-align: center;
    width: 25%;
    padding: 30px 0px;
}

.socialForResponsive li:last-child {
                border: none;
}

.socialForResponsive i {
    display: block;
    color: #ffffff;
    width: 60px;
    height: 60px;
    background: #ca1e2c;
    text-align: center;
    border-radius: 50%;
    padding-top: 14px;
    margin: auto;
    border: 1px solid #ffffff;
}

.socialForResponsive a {
    color: #1f1f1f;
    display: inline-block;
    font-size: 26px;
}*/

.navigation .nav-item {
                line-height: 40px;
}
.deposit-scheme .card-date {
    position: static;
    margin-bottom: 15px;
}
.deposit-scheme .col-forResponsive {
    margin: 0;
}
.main-tabs a {
	width: auto !important;
	padding: 16px !important;
    width: 100% !important;
}

.event-show {
    display: block;
}
.event-hide {
    display: none;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.cart-table .table-responsive {
    display: inline-table;
}
}
 @media (min-width: 1281px) {
  .cart-table .table-responsive {
    display: inline-table;
}
.table-responsive {
    display: inline-table;
}  
} 

@media screen and (min-width: 768px) {
    .sub-btn .event-btn{
        margin: 0;
    }
    .breadcrum{
        padding:  41px 0 0 !important;
    }
}