@media only screen and (max-width: 1440px) and (min-width: 1450px){
.main-header .slide{
	    height: 300px !important;
}
}
@media (max-width: 1200px){
    /*model*/
    .log-in .login-right a.face{width: 100%;}
    .log-in .login-left ,
    .registermodel .log-in .login-left{ padding: 64px 51px;}
    .nav-bar .navbar-light .navbar-nav .nav-link
    {
        font-size: 11px;
        padding:  0 9px;
    }
    .all-packages a{font-size: 17px;}
    /*play store page*/
    .PlayStore  .card .card-links{display: block;}
    .PlayStore  .card .card-links a
    {
        margin-bottom: 20px;
        display: block;
    }
    .PlayStore  .cards .card .card-img span{
        top: 15px;
        font-size: 20px;
    }
    /* profile page*/
    .profile .profile-right{margin-right: 1%;}
    .profile .profile-left{padding: 40px;}
    /*cart*/
    .cart .cart-detail {padding: 100px 30px 70px;}
    .cart .table th{font-size: 17px;}
    .cart .items .fa-equals {padding: 0 10px;}
    /*Bill page*/
    .bill .mar{margin-bottom: 20px;}
}
@media screen and (max-width: 1024px){
    /* model*/
    .log-in .login-right {padding: 129px 41px 129px 40px;}
    .log-in .login-right a.face{width: 84%;}
    .log-in .login-left{padding: 69px 53px}
    /*register*/
    .registermodel .log-in .login-left {padding: 50px 48px;}
    .main-header .join a{width: 91%;
        font-size: 13px;}
    .main-header .slide{height: 366px;}
    .main-header .slide img.img-fluid{ height: 100%;}
    .main-header .slide h1{font-size: 28px;}
    .all-packages a{font-size: 17px;}
    .cards .owl-prev{right: -22px;}
    .cards .owl-next{left: -22px;}
    .who-we-are,.join-us .join-text,.why-text{padding: 40px;}
    .h-center,.why-text h3, .who-we-are h3, .join-us  .join-text h3{font-size: 25px;}
    .why-text h5{font-size: 20px;}    
    /* playstore page*/
    .PlayStore{padding: 40px 0 0 0;}
    /*profile page*/
    .profile .profile-left .table thead th, .profile .profile-left .table td {
        padding: 15px 4px;
        font-size: 11px;
    }
    .profile .pagination a{font-size: 14px;}
    /*setting page*/
    .setting .setting-bg{padding: 40px;}
    .setting .btn{
        width: 70%;
        margin: auto;
    }
}
/*@media (min-width: 992px){
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 10px 0;
    }
}*/
@media screen and (max-width: 991px){
    /* model*/
    .log-in{display: block;}
    .log-in .login-right,
    .registermodel .log-in .login-right
    {
        padding: 42px 40px;
        text-align: center;
    }
    .log-in .login-right a.face
    {
        margin: 25px auto 0 auto;
        width: 64%;
        justify-content: center;
    }
    .log-in .login-left, 
    .registermodel .log-in .login-right{padding: 40px;}
    
    .h-center {padding: 30px 0 40px 0;}
    .main-header .nav-bar{text-align: center;}
    /* .close-nav{display: block;} */
    .nav-bar .navbar-light
    {
        margin: 0;
        padding: 0;
    }
    .nav-bar .navbar-light .navbar-nav .nav-link{
        font-size: 14px;
        padding: 15px 9px;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: center;
        position: absolute;
        top: 74px;
        background: rgba(0, 0, 0, 0.9);
        width: 290px;
    }
    .navbar-nav .dropdown-menu{background-color: rgba(0, 0, 0, 0.9);}
    .navbar-nav .dropdown-menu .dropdown-item{color: #FFF;}
    .navbar-light .navbar-toggler{border-color: transparent;}
    .nav-bar button:focus{outline: 0;}
    .menu .modal-content
    {
        
        background-color: #000;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .menu .modal-content.navbar-nav .nav-link{
        color: #FFF;
        font-family: 'CSB';
        font-size: 16px;
        padding: 0 11px;
    }
    
    .menu .modal-content .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
    .menu .modal-content.navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
    .menu .modal-content .navbar-nav .nav-link:hover{color: #ff9933;}
    .menu .modal-content .navbar-nav .nav-link:focus{color: #FFF;}
    .menu .modal-content .navbar-nav .nav-link {
        font-size: 17px;
        text-align: center;
        padding: 17px 0;
        color: #FFF;
    }
    .menu .modal-content .navbar-nav .dropdown-menu{left: 36% !important;}
    .main-header .logo img {height: 80px;}
  
    .main-header .join a 
    {
        display: inline-block;
        font-size: 16px;
    }
	.main-header .slide a {
    width: 65%;
    margin-left: 6px;
}
    .main-header .slide h1{font-size: 25px;}
    .main-header .slide a{font-size: 17px;}
    .today-offer{padding-bottom: 50px;}
    .who-we-are,.join-us  .join-text,.why-text{width: 100%; margin: 50px auto;}
    .payments .owl-prev{right: 0;}
    .payments .owl-next{left: 0;}
    /* staic pges*/
    /*about us page*/
    .static-head{height: 223px;}
    .static-head h2{font-size: 30px;}
    .about-us{padding-bottom: 50px;}
    .about-us h3
    {
        padding: 35px 0;
        margin: 0;
        font-size: 27px;
    }
    .about-us .about-p{padding: 0 30px;}
    .about-us .about-p,
    .about-us .mangement .manger-text p{font-size: 16px;}
    .about-us .mangement,
    .about-us .mangement .manger-img{padding: 0 30px;}
    .about-us .mangement .manger-img{padding-right: 0;}
    .about-us .mangement .manger-text h4.job{padding: 30px 0;}
    .about-us .mangement .manger-text h4{font-size: 20px;}
    /* contact us page*/
    .about-us.contact-us .about-p
    {
        margin-bottom: 30px;
        padding: 0;
    }
    .contact-tel .phones p{margin: 0;}
    .contact-us .map iframe{width: 100%;}
    /*payments page*/

    .payments .supported-bank{margin-bottom: 50px;}
    .payments h4{margin-top: 20px;}
    .payments .payment{margin-bottom: 30px;}
    /* play store page*/
    .PlayStore .PlayStore-p
    {
        font-size: 17px;
        padding: 0;
    }
    .PlayStore .cards .card .card-img span {
        top: 23px;
        right: 33px;
        font-size: 27px
    }
    .profile{display: block;}
    .profile .profile-right {
        width: 61%;
        padding-right: 0;
        margin: auto;
    }
    .profile-right p{margin-bottom: 37px;}
    .profile-right .edit{margin-bottom: 50px;}
    .profile-tabel{
        width: 70%;
        margin: auto;
    }
    .profile .profile-right,
    .profile .profile-left{padding: 30px 0}
    /*setting page*/
    .setting .setting-bg{width: 100%;}
    .setting h6{margin: 30px 0;}
    /*cart page*/
    .cart .cart-detail{padding: 40px 30px;}
    .cart .table th span{padding: 0px 46px;}
    .cart .table td h4{font-size: 16px;}
    .cart .items{width: 30%;}
    .cart .items .fa-times {padding: 0 15px;}
    .cart .subtottal .currency {padding-right: 10px;}
    .cart .name {width: 36%;}
    .cart .tottal p{margin: 27px 0;}
    .cart-form{width: 73%;}
    .cart-form .btn-login, 
    .cart-form .btn-new{font-size: 16px;}
    .cart .p-confirm{margin-bottom: 25px;}
    .payment-methods{margin: 25px;}
    .payment-methods .method{padding: 10px 0;}
    .confirm-payment label{font-size: 16px;}
    .confirm-payment .btn{font-size: 20px;}
    /*bill page*/
    .bill .bill-bg{padding: 20px;}
    .bill .table thead th, .bill .table td,
    .bill table .name p{font-size: 16px;}
    ul.navbar-nav{
        height: 65vh;
        overflow-y: scroll;
    }
    li.nav-item.col-lg-3.col-md-4 {
        padding: 5px;
    }
}
@media  (min-width: 320px) and (max-width: 767px){
    .log-in .login-right .m-logo img, 
    .registermodel .log-in .login-right .m-logo img, 
    .paymentmodelContent .m-logo img{height: auto;}
    .navbar-expand-lg .navbar-collapse{top: 71px;}
    .main-header .join a {
        background-color: transparent;
    }
    .main-header .join a p span{display: none;}
    .main-header .nav-bar
    {
        background-image: none;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 0;
    }
    .loading:before{left: 10%;}
}
@media screen and (max-width: 767px){
    .cards .card .card-links,
    .cards .card .card-links a{display: block;}
    .cards .card .card-links .buy-now{margin-bottom: 15px;}
    .cart .table td h4{line-height: 1.5;}
    .cart .table td p{font-size: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .main-header .join a
    {
        width: 70%;
        font-size: 14px;
        margin: auto;
    }
}
@media screen and (max-width: 768px){
    .top-header {font-size: 12px;}
    .main-header .slide h1{font-size: 23px;}
    .main-header .slide p{width: 70%;}
    .cards .owl-next{left: 0;}
    .cards .owl-prev{right: 0;}
    .who-we-are, .join-us .join-text, .why-text {
        padding: 25px;
    }
    .why-text{padding-top: 40px;}
    .who-we-are h3,.why-text h3{
        top: -20px;
        padding: 0 20px;
    }
    .who-we-are a, .join-us .join-text a, .why-text a {
        padding: 10px 60px;
        font-size: 17px;
        margin-top: 24px;
    }
    .why-text ul li {margin-bottom: 25px;}
    .join-us  .join-text h3{background: #282a2e;}
    .join-us  .join-text h3::before, 
    .coprights,.coprights .ibtdi{text-align: center;}
    /*contact us page*/
    .contact-tel{margin-bottom: 25px;}
    .contact-us .map{margin: 40px 0;}
    /* cart page*/
    .cart .table th span {padding: 0px 20px;}
    .cart .table th{font-size: 11px;}
    .cart .table th.items{padding-right: 0;}
    .cart .items .count
    {
        margin-bottom: 10px;
        padding: 0;
    }
    /*bill page*/
    .bill .mar{text-align: center;}
}
@media screen and (max-width: 699px)
{
    .best-seller,
    .today-offer{padding-bottom: 0;}
    .cards .card
    {
        margin: 10px auto;
    }
    .cards .card .card-img span, .PlayStore .cards .card .card-img span {
        top: 13px;
        right: 20px;
        font-size: 19px;
    }
    .PlayStore .cards .row>div {
        padding: 5px;
    }
    .cards .card .card-img img.brand {
        width: 38px;
        top: 10px;
        left: 13px;
    }
    /*play store*/
    .PlayStore .cards .card{margin: 10px auto;}
    /*profile page*/
    .profile-right span{font-size: 15px;}
    /*payment page*/
    .payments h2{margin: 30px 0;}
    /*bill page*/
    .bill .mar{margin: 0;}
    .bill .table-responsive{margin-top: 20px;}
}
@media screen and (max-width: 576px)
{
    .login-right{
        display: none !important ;
    }
    /* model*/
    .close-model{display: block;}
    .top-header{text-align: center;}
    /* .top-header .social{margin: 7px 0;} */
    .top-header .login ul{
        justify-content: center;
    }
    .top-header .social p{margin-top: 10px;}
    .main-header .logo img {
        height: 62px;
    }
    .main-header .slide {height: 214px;}
    .main-header .slide h1{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .navbar-expand-lg .navbar-collapse{top: 62px;}
    .main-header .slide p {display: none;}
    .main-header .owl-next{left: 0;}
    .main-header .owl-prev{right: 0;}
    .all-packages a{height: 200px;}
    /* static pages*/
    .static-head {height: 168px;}
    /*about us page*/
    .about-us .about-logo{margin-bottom: 20px;}

    .about-us .mangement .manger-text h4.job{padding: 15px 0;}
    /* contact us*/
    .contact-us .map h4{font-size: 20px;}
    .contact-form .formbtn .btn{margin-top: 15px;}
    .payments h4{font-size: 19px;}
    .payments .supported-bank,
    .payments .payment{margin-bottom: 50px;}
    /*play store*/
    .PlayStore .cards .card{margin: 10px auto;}
    /*profile page*/
    .profile h4{margin-bottom: 30px !important;}
    .profile .profile-right{width: 73%;}
    .profile .profile-right .charge
    {
        text-align: center;
        margin-bottom: 10px;
    }
    .profile-right .edit{margin: 15px 0;}
    .profile-tabel {width: 82%;}
    /* cart page*/
    .cart .table th span {padding: 0px 20px;}
    .cart .image {width: 18%;}
    .cart .tottal p .text,
    .cart .tottal p .number{font-size: 20px;}
    .cart .items .fa-equals { padding: 0 41px 0 10px;}
    .confirm-payment .form-group{margin-bottom: 25px;}
}
@media screen and (max-width: 480px){
    /*model*/
    .log-in .login-right a.face{width: 76%;}
    .main-header .slide h1{font-size: 16px;}
    .cards .card {width: 83%;}
    /* static pages*/
    .static-head h2{font-size: 26px;}
    /*about us page*/
    .about-us .mangement
    {
        display: block;
        text-align: center;
    }
    .about-us .mangement .manger-img
    {
        padding: 0;
        margin-bottom: 15px;
    }
    .about-us .mangement .manger-text p{text-align: justify;}
    /*profile page*/
    .profile-right p{ 
        margin-bottom: 25px;
        font-size: 14px
    }
    .profile-tabel{width: 90%;}
    /*cart page*/
    .cart .cart-detail {padding: 40px 10px;}
    .cart .name{padding: 0.75rem;}
    .cart .name .detail{
        display: block;
        text-align: center;
    }
    .cart .name .detail p{
        font-size: 13px;
        margin-bottom: 4px;
    }
    .cart .table td h4{line-height: 1.5;}
    .cart .items {
        width: 20%;}
    
    .cart .items .fa-equals { padding: 0 33px 0 10px;}
    .cart-form p::before, .cart-form p::after{width: 19%;}
    .table-responsive td,.table-responsive th {
        display: block;
        width: 100% !important;
        padding: 5px;
    }
    .table-responsive tr>td:first-child {
        background-color: #2d568f;
        color: #fff;
    }
    .table-responsive thead {
        display: none !important;
    }
    .table-responsive img {
        width: 87px;
        margin: auto;
        display: block;
        padding: 10px;
    }
    .bill .fa-file-download,.bill .fa-print {
        position: relative;
        top: auto;
        left: auto;
    }
}
@media screen and (max-width: 426px){
    /*model*/
    .log-in .login-right a.face{width: 80%;}
    .menu .modal-content .navbar-nav .dropdown-menu {left: 28% !important;}    
    .cards .card{width: 100%;}
    .join-us .join-text h3::before, 
    .join-us .join-text h3::after{width: 32%;}
    /* cart*/
    .cart .table th{font-size: 10px;}
    .cart .table th.items{padding: 0.75rem 0;}
    .cart .items,
    .cart .name,
    .cart .table td h4{font-size: 11px;}
    .cart-form{margin-top: 30px;}
    .cart-form,
    .cart-form .btn-login,
    .cart-form .btn-new{width: 100%;}
    .cart-form p::before, .cart-form p::after{width: 23%;}
    .loading:before{left: 15%;}
}
@media screen and (max-width: 386px){
    /*model*/
    .log-in .login-right a.face {width: 100%;}
    .log-in .loginform-head p{font-size: 12px;}
    .forgetpass{padding: 0;}
    .registermodel .log-in .login-left {padding: 24px;}
    .main-header .head-text{margin-top: 73px;}
    .join-us .join-text h3::before, 
    .join-us .join-text h3::after{width: 31%;}
    .cards .card .card-title{ font-size: 13px;}
    .cards .card .price-offer span,
    .cards .card .card-links a{font-size: 14px;}
    /*cart page*/
    .cart .items .fa-times {padding: 0 6px;}
}

@media screen and (max-width: 376px){
    /*model*/
    .log-in .login-right,
    .log-in .login-left{padding: 40px 20px;}
    /*contact us page*/
    .contact-tel
    {
        display: block;
        text-align: center;
    }
    .contact-tel h4{margin: 20px 0;}
    .contact-tel .phones{justify-content: center;}
    /*setting page*/
    .setting h6 {
        font-size: 16px;
        line-height: 1.5;
    }
    /*cart*/
    .cart .items .fa-equals {padding: 0 10px;}
    /*bill page*/
    .bill .bill-p {font-size: 16px;}
}
@media screen and (max-width: 360px){
    .main-header .nav-bar .col-1{max-width: 17px;
    padding: 0;}
     /*profile page*/
    .profile-right span,
    .profile-right p{font-size: 13px;}
    .profile-right a{font-size: 12px;}
    /*cart page*/
    .cart .table th {font-size: 8px;}
    .loading:before{left: 17%;}
}
@media screen and (max-width: 320px){
    /*model*/
    .registermodel  .log-in .login-left .loginform { padding: 15px}
    /* static pages*/
    .static-head h2{font-size: 20px;}
    /*profile page*/
    .profile-right span,
    .profile-right p{font-size: 11px;}
    /*cart page*/
    .cart .table th {font-size: 7px;}
}