@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
body{
    margin-top: 110px;
    background-color: #f1f1f1f1;
}

a:hover{
    text-decoration: none !important;
}
a{
    text-transform: capitalize !important;
    color: #000;
}
footer.ts-footer {
    padding: 30px 30px;
}
.ft-coright p a {
    color: #fff;
    text-decoration: none;
}
h3.dwnld-pro-detail {
    visibility: hidden;
}
div#livesearch {
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 10px;
    width: 92%;
    font-size: 14px;
    line-height: 30px;
    border: 2px solid #0edbc2 !important;
    border-top: none !important;
	display: none;
}
#accordion .card .card-body img {
    display: block;
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #38ef7d;
    color: #000;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.show {
    opacity: 1;
}
header{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
}
.techno-mail-link{
    color: #000;
    font-weight: 600;
    text-transform: unset !important;
}
.tp-head-main-content{
    width: 100%;
    padding: 5px 0px;
}
.main-logo a img{
    max-width: 80%;
}
.fb-ic {
    color: #3b5998!important;
}
.tw-ic {
    color: #55acee!important;
}
.gplus-ic {
    color: #dd4b39!important;
}
.li-ic {
    color: #0082ca!important;
}
.pin-ic {
    color: #c61118!important;
}
.yt-ic {
    color: #ed302f!important;
}
.head-search{
    margin-top: 10px;
    margin-bottom: 5px;
}
.head-search input {
    border: 2px solid #0edbc2;
}
.navbar{
    padding: 0px 5px !important;
    position: relative;
}
.navbar-nav .nav-link {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.navbar-nav li a{
    font-weight: 600;
}
.product-item-wrap{
    width: 100%;
    padding: 100px 0px;
}
.soft-img-wrap{
    width: 100%;
    padding: 20px 5px;
    text-align: center;
}
.soft-img-wrap img{
    width: 70%;
}
.soft-content-wrap{
    width: 100%;
    padding: 15px 5px 10px;
    margin-bottom: 30px;
}
.main-heading {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 38px;
}
.md-tabs {
    border: 0;
    padding: 7px;
    margin-bottom: 20px;
    background-color: #2bbbad;
    border-radius: .25rem;
}
.md-tabs .nav-item .nav-link{
    color: #fff;
}
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active {
    background-color: rgba(0,0,0,.2);
    color: #fff;
    transition: all 1s;
    border-radius: .25rem;
    border: none;
}
.catgori-heading {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 38px;
    color: #fff;
}
.catgori-item-wrap{
    width: 100%;
    padding: 45px 0px;
    background-color: #88b4fd;
}
.cati-icon{
    display: block;
    padding: 15px 0px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 15px;
}
.cati-icon i{
    font-size: 48px;
}
.cati-icon p{
    font-size: 20px;
    margin: 0px;
}
.iwight{
    color: #ffffff!important;
}
.icyan {
    color: #00bcd4!important;
 }
 .igreen {
    color: #388e3c!important;
}
.iamber {
    color: #ffa000!important;
}
.iorange {
    color: #ff7043!important;
}
.iunique {
    color: #880e4f!important;
}
.ipink {
    color: #ec407a!important;
}
.ipurple {
    color: #8e24aa!important;
 }
 .ibrown {
    color: #795548!important;
 }
 .icolor {
    color: #59698d!important;
 }
 .iyellow {
    color: #fbc02d!important;
 }
 .ired {
    color: #ff3547!important;
 }
 .isky {
    color: #2bbbad!important;
 }
 footer{
    width: 100%;
    padding: 20px 0px;
    background-color: #035e63;
}
footer hr{
    background-color: #00bcd4;
}
.ft-list-link li a{
    color: #fff;
    /*font-size: 12px;*/
}
.ft-list-link li a:hover {
    color: #38ef7d;
}
.ft-coright{
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    background-color: #00979e;
}
.ft-coright p{
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
}
.ft-contact h4{
    color: #00e2ec;
}
.ft-contact p{
    color: #fff;
    margin-bottom: 7px;
}
.ft-contact a{
    color: #fff;
    text-transform: unset !important;
}
.ft-payment{
    color: #fff;
}
.ft-social-icon{
    width: 100%;
}
.ft-social-icon a{
 color: #fff;
}
 .tmonial-heading {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 38px;
}
.tmonial-item-wrap{
    width: 100%;
    padding: 25px 25px;
}
.tmonial-item-wrap .testimonial-carousel .carousel-control::before {
    font-size: 4rem;
    color: rgba(0,0,0,.6);
    transition: .4s;
}
.tmonial-item-wrap .testimonial-carousel .carousel-control.left::before {
    content: "\2039";
}
.tmonial-item-wrap .testimonial-carousel .carousel-control.right::before {
    content: "\203a";
}
.tmonial-item-wrap .testimonial-carousel .testimonial {
    margin-right: 23%;
    margin-left: 23%;
}
.prod-head{
    padding: .75rem 1rem;
    margin-bottom: 16px;
    list-style: none;
    background-color: #0edbc2;
    border-radius: .25rem;
    float: left;
    width: 100%;
}
.prod-head h4, h3, h5, h2{
    margin-bottom: 0px;
}
.product-main-wrapper{
    width: 100%;
    padding: 40px 0px;
}
.product-main-heading{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    background-color: #0edbc2;
    padding: 10px 5px;
    border-radius: .25rem;
}
.mycard{
    width: 100%;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
    float: left;
    border-top: 3px solid #06fba7;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.prdt-item-content{
    width: 80%;
    float: left;
    padding-left: 15px;
}
.prdt-item-content h4 a{
    margin-bottom: 0px;
    line-height: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
}
.prdt-item-img{
    width: 20%;
    text-align: center;
    float: left;
}
.prdt-item-img a img{
    width: 100%;
}
.prdt-buy-link{
    display: inline-block;
    padding: 10px 20px;
    background-color: #ffac44;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
}
.prdt-help-link{
    display: inline-block;
    padding: 10px 20px;
    background-color: #00bb3e;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
}
.prdt-zip-link{
    display: inline-block;
    padding: 10px 20px;
    background-color: #428AF0;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
    border-radius: 5px;
}
.prdt-rar-link{
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
    background-color: #FF0000;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
    border-radius: 5px;
}
.prdt-item-content ul li{
    vertical-align: middle;
}
.prdt-item-content ul li a{
    color: #fff !important;
}
.prdt-item-content ul li a i{
    margin-right: 10px;
}
.prdt-price{
    font-size: 28px;
    color: #ce0022;
    margin-right: 30px !important;
}
.prdt-rt-item-list{
    width: 100%;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
    float: left;
}
.prdt-rt-item-list ul li{
    border-bottom: #59698d;
}
.prdt-rt-item-list ul li a{
    color: #000;
    padding: 10px 5px 10px 15px;
    display: block;
}
.prdt-rt-item-list ul li a i{
    margin-right: 15px;
}
.srvic-item-content{
    padding: 20px 15px;
}
.srvic-item-content h4{
    color: #06a79f;
}
.fq-item-content{
    padding: 20px 15px;
}
.fqcard-header{
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 10px 15px;
    display: block;
}
.fqcard-header h5{
    font-size: 15px;
}
.fq-item-content .card-body img {
    border: 2px solid #ccc;
    margin-bottom: 15px;
}
.stmp-mainlist ul li{
    margin: 0px 0px !important;
}
.stmp-mainlist li a {
    color: #000;
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: 600;
}
.stmp-listlink{
    padding: 0px;
}
.stmp-listlink li{
  width: 30%;
  margin: 0px !important;
}
.offer-banner img {
    width: 100%;
}
.stmp-listlink li a{
   font-size: 12px;
   color: #000;
  }
  .stmap-item-content ul li a:hover {
    color: #0edbc2;
}
.pro-box-wrap{
    width: 30%;
    padding: 10px 15px;
    text-align: center;
    float: left;
    border-radius: 20px;
}
.pro-content-wrap{
    margin-top: 40px;
    width: 70%;
    padding: 10px 10px;
    float: left;
    text-align: center;
}
.main-price-container{
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.pro-btn{
    color: #fff!important;
    display: inline-block;
    font-size: 18px;
    padding: 10px 30px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 0;
}
.pro-buy-link {
    background-color: #ffac44;
}
.pro-dwnlod-link {
    background-color: #ff0000;
}
.pro-help-link {
    background-color: #00a6ff;
}
.pro-wa-link {
    background-color: #25D366;
}
.pro-mainPrice{
    font-size: 33px;
    color: #ea0000;
    font-weight: 600;
}
.pro-version{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
iframe{
    width: 100% !important;
    min-height: 400px;
}
.pro-rar-link{
    color: #fff;
    font-size: 28px;
    padding: 10px 10px;
    background-color: #a6c;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 10px;
    display: block;
}
.pro-zip-link{
    color: #fff;
    display: block;
    font-size: 28px;
    padding: 10px 10px;
    background-color: #00bb3e;
    text-align: center;
    border-radius: 10px;
}
.dwnld-box-content{
    width: 100%;
    padding: 50px 0px 100px;
}
.dwnld-pro-detail{
    margin: 0px 0px 20px; 
}
.dwld-img{
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    float: left;
    background-color: #06fea5;
    border-radius: 20px;
}
.dwnld-wrap{
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}
.buy-box-wrap {
    width: 35%;
    padding: 10px 0px;
    margin-right: 15px;
    text-align: center;
    float: left;
    background-color: #06fea5;
    border-radius: 20px;
}
.buy-content-wrap {
    width: 60%;
    padding: 10px 0px;
    float: left;
    position: relative;
}
.buy-box-content{
    width: 100%;
    position: relative;
}
.buy-offer-content{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 222;
    background-color: #fff;
    height: 100%;
    text-align: center;
}
.buy-offerimg {
    width: 40%;
    padding: 10px 15px;
    text-align: center;
    float: left;
    background-color: #06fea5;
    border-radius: 20px;
}
.buy-offercontent {
    width: 60%;
    padding: 0px 0px 0px 15px;
    float: left;
    
}
.tp-space{
    margin-top: 50px;
}
.timer-wrap {
    width: 100%;
    border-radius: 10px;
    margin: 0px 0px 15px;
    display: inline-block;
    border: 5px solid #fff;
    background: -moz-linear-gradient(top, #ff3198 0%, #d41a28 100%);
    background: -webkit-linear-gradient(top, #ff3198 0%,#d41a28 100%);
    background: linear-gradient(to bottom, #ff3198 0%,#d41a28 100%);
}
.timer-wrap p#demo {
    font-size: 38px;
    font-family: 'Muli', sans-serif;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    margin: 0px;
    line-height: 50px;
}
span#m {
    position: relative;
    padding: 0px 10px;
    margin-right: 10px;
}
span#s {
    position: relative;
    padding: 0px 10px;
    margin-left: 10px;
}
.buy-offercontent ul{
    margin-top: 20px;
}
.avan-buy-link{
    float: left;
}
a.avan-buy-link img {
    width: 80%;
}
.papl-buy-link{
    width: 80%;
    float: left;
}
.buy-offercontent h2 del{
    font-size: 23px;
    color: #6f6f6f;
}
.carditems {
    height: 100%;
    overflow: hidden;
    position: relative;
}

/*-------------------------------HELP PAGE STYLING-----------------------------------*/
.help-content #accordion .card .card-header {
    margin: 0px !important;
    padding: 0px !important;
}
.help-content #accordion .card .card-header a {
    padding: 10px 15px;
    display: block;
}

/*-------------------------------ANDROID PAGE STYLING-----------------------------------*/


.android-banner .carousel-item{
    padding: 70px 0px 100px;
}
.ban-img-content {
    width: 30%;
    float: left;
}
.ban-text-content {
    width: 70%;
    float: left;
    margin-top: 30px;
    color: #fff;
}
.android-banner .carousel-item{
    padding-right: 10%;
    padding-left: 10%;
}
.ban-img-content a img{
    width: 70%;
}
.android-item-wrap h3{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.android-item-wrap{
    width: 100%;
    padding: 25px 10px;
}
.anoid-content {
    background-color: #fff;
    padding: 20px 10px;
    width: 100%;
    border-radius: 10px;
}
.anoid-content i {
    font-size: 28px;
}
.android-item-wrap h3{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.card-icon-wrap {
    width: 100%;
    padding: 20px 5px 20px;
}
.card-icon-wrap i {
    font-size: 38px;
    color: #fff;
}
.card-icon-wrap h4 {
    margin-bottom: 0px;
    color: #fff;
}
.qot-link {
    width: 100%;
    padding: 15px 5px;
    display: block;
    border-radius: 10px;
    margin: 15px 0px;
    font-size: 18px;
}
.skymail-link {
    width: 100%;
    padding: 15px 5px;
    display: block;
    border-radius: 10px;
    margin: 15px 0px;
    font-size: 18px;
    text-transform: unset !important;
}
a.rest-link-btn, a.sub-link-btn {
    padding: 6px 0px;
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.nav-wrapper{
    width: 100%;
    padding: 15px 0px;
}
.thanx-wrapper{
    width: 100%;
    padding: 100px 0px 100px;
    background-color: #fff;
    margin-top: 30px;
}
.content-main-heading h2 {
    margin: 0px;
    font-size: 38px;
    font-weight: 700;
    color: rgb(22, 22, 22);
}
.thank-info {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 35px;
    margin-top: 20px;
}
.offerproduct {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.avan-buy-offer {
    margin-bottom: 10px;
    display: block;

}
.prdt-item-content ul li {
    margin-bottom: 10px;
}
.prdt-rt-item-list ul li a:hover {
    color: #ffffff;
    background-color: #0edbc2;
}
.prdt-item-content h4 a:hover {
    color: #2bbbad;
}
.navlink{
    color: #fff;
    font-size: 18px;
}
.mainbanner{

}
.help-content img {
    margin-bottom: 15px;
}
.select-wrapper {
    width: 100%;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #ced4da;
    outline: 0;
    padding-bottom: 10px;
    color: #495057;
}
.offertimer {
    display: inline-block;
    font-size: 31px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    line-height: 44px;
background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
}
.pro-offer-wrap{
    width: 100%;
    position: absolute;
    background-color: #fff;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 23;
    font-size: 23px;
}
.pro-offer-wrap p{
    margin-bottom: 5px;
    font-weight: bold;
}
.pro-buy-offer{
    color: #000;
    display: inline-block;
    padding: 5px 30px;
    background-color: #ffa000;
    border-radius: 5px;
    font-size: 20px;
    box-shadow: 1px 2px 3px #7e7e7e;
}
.pro-offer-wrap ul{
    margin-top: 10px;
}
.pro-offer-wrap ul li{
    font-size: 28px;
    vertical-align: middle;
}
.pro-offer-wrap ul li del{
    color: #8f8f8f;
}

.quote {
  margin-top: 20px;
  margin-bottom: 0;
}
.quote-frame iframe {
    border: none;
    padding: 0;
}

h2.pro-title {
    font-size: 33px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.product-section {
    text-align: center;
    padding: 50px 0;
}

h2.pro-title:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    bottom: -10px;
    left: 0;
}

.pro-down-buy {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.pro-down-buy a {
    width: 50%;
    display: inline-block;
    float: left;
}

a.prod-buy 
{
    background: red;
    color: #fff;
}

a.prod-down {
    color: #fff;
    background: #428AF0;
}

.pro-down-buy a i {
    font-size: 23px;
    line-height: 40px;
    color: #fff;
}
.pro-card-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #13c7d454;
	display: none;
}
.carditems:hover .pro-card-hover {
    display: block;
    z-index: 5;
}
.pro-card-hover a {
    display: block;
    width: 100%;
    height: 100%;
    color: #b1edf1;
}


















/*-------------------RESPONSIVE Start Styling----------------------*/


@media (min-width: 1025px) and (max-width: 1280px){

}
@media (min-width: 992px) and (max-width: 1199px){
    .prdt-rt-item-list ul li a {
        padding: 10px 5px 10px 10px;
    }
    .prdt-rt-item-list ul li a span {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #proitems li a span{
        display: block;
    }
    .navlink {
        font-size: 14px;
    }
}
@media (min-width: 481px) and (max-width: 767px){
    .main-logo {
        text-align: center;
    }
    .main-logo a img {
        max-width: 40%;
    }
    .prdt-item-img{
        width: 100%;
    }
    .prdt-item-img a img {
        width: 30%;
    }
    .prdt-item-content {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .stmp-listlink li {
        width: 45%;
    }
    .ban-img-content {
        width: 100%;
        text-align: center;
    }
    .ban-img-content a img {
        width: 20%;
    }
    .ban-text-content {
        width: 100%;
        text-align: center;
    }
    #proitems li a span{
        display: none;
    }
    #proitems li a i {
        margin-right: 0px !important;
        font-size: 23px;
    }
    .pro-box-wrap {
        width: 100%;
    }
    .pro-box-wrap img {
        width: 40%;
    }
    .pro-content-wrap {
        width: 100%;
    }
    .buy-offerimg {
        width: 100%;
    }
    .buy-offerimg img {
        width: 40%;
    }
    .buy-offercontent {
        width: 100%;
    }
    .buy-box-wrap {
        width: 100%;
    }
    .buy-content-wrap {
        width: 100%;
    }
    .soft-img-wrap img {
        width: 60%;
    }
    .head-search {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 99;
        margin: 0px;
    }
}
@media (min-width: 320px) and (max-width: 480px){
    .head-search {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 99;
        margin: 0px;
    }
    .main-logo {
        text-align: center;
    }
    .main-logo a img {
        max-width: 50%;
    }
    .prdt-item-img{
        width: 100%;
    }
    .prdt-item-img a img {
        width: 40%;
    }
    .prdt-item-content {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .stmp-listlink li {
        width: 100%;
    }
    .ban-img-content {
        width: 100%;
        text-align: center;
    }
    .ban-img-content a img {
        width: 40%;
    }
    .ban-text-content {
        width: 100%;
        text-align: center;
    }
    .android-screen-img img {
        width: 50%;
    }
    #proitems li a span{
        display: none;
    }
    #proitems li a i {
        margin-right: 0px !important;
        font-size: 23px;
    }
    .product-item-wrap {
        padding: 30px 0px;
    }
    .mainbanner {
        margin-top: -20px;
    }
    .pro-box-wrap {
        width: 100%;
    }
    .pro-content-wrap {
        width: 100%;
    }
    .pro-box-wrap img {
        width: 60%;
    }
    iframe{
        min-height: 200px;
    }
    .buy-offerimg {
        width: 100%;
    }
    .buy-offerimg img {
        width: 40%;
    }
    .buy-offercontent {
        width: 100%;
    }
    .buy-box-wrap {
        width: 100%;
    }
    .buy-content-wrap {
        width: 100%;
    }
    .pro-offer-wrap h2 {
        font-size: 23px;
    }
    .offertimer {
        font-size: 23px;
        line-height: 36px;
    }


}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 70rem
    }
}

@media (min-width: 768px){
    .height250{
        height: 250px;
    }
}


.searchkeywords{
    margin: 5px;
    background-color: #eee;
}
.searchkeywords:hover{
    background-color: #00C851;
    color: #ffffff;
}

.youtubeiframe{
    border:0;
}

@media (min-width: 768px){
    .youtubeiframe{
        height: 500px;
        border:0;
    }
}

iframe{
    width: 100%; 
    min-height: 400px;
    border: 0;

}
.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
  color: #FBFF06;
  font-weight: bold;
}

.md-form-query{
    margin-top: 7px!important;
}

.home-button-1{ 
    width: 200px;
    color: #fff!important;
    background-color: #00b544;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 10px;
    margin: 10px;
}
.home-button-2{
    width: 200px;
    color: #fff!important;   
    background-color: #4d3cff;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 10px;
    margin: 10px;
}
.home-button-3{
    width: 240px;
    color: #fff!important;
    background-color: #ff2a00;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 10px;
    margin: 10px;
}


@media (min-width: 576px){
    .modal-dialog {
        max-width: 20rem;
    }
    .btn[class*=btn-outline-] {
        padding-top: 0.25rem;
        padding-bottom: .25rem;
    }
    .btn-modal{
        padding: 0px 10px; 
    }
    .btn-group .btn {
        margin: auto;
    }
    .img-top-banner {
        max-width: 100%;
        height: 438px;
    }
    .d-flex {
    display: block!important;
    }
}
@media (max-width: 576px){
    .img-top-banner {
        max-width: 100%;
        height: auto;
    }
	.btn.btn-lg {
		padding: 1rem;
		font-size: 1.2rem;
	}
}

.btn-outline-dark {
    border: 2px solid #212121 !important;
    background-color: #ffffff!important;
    color: #000000 !important;
}