@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

.june-promo {
    background-color: #FFF7F0;
    padding: 50px 0;
}
#homepage-content #region-top .wide-left-column {
    padding: 30px 0px;
    background-color: #FCE8D7;
}
.main-img {
    text-align: right;
}

.promo-mTile {
    display: inline-block;
    font-family: 'Montserrat';
    color: #FC7724;
    font-size: 20px;
    font-weight: 900;
    border: 6px solid #FC7724;
    padding: 0px 10px;
    margin-bottom: 30px;
}

.upToPff h3 {
    margin: 0 0 20px !important;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 800 !important;
    color: #000 !important;
}

.upToPff h3 span {
    display: block;
    font-size: 50px;
    margin: 5px 0;
}
.upToPff .uptoper {
    font-size: 14px;
}
.upToPff .webhosting {
    color: #000000;
    font-size: 24px;
}
.sale-coupon {
    border: 1px solid #E06417;
    padding: 6px 9px;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 12px;
    display: inline-block;
    font-size: 14px;
    color: #E06417;
}

.grab-offer a {
    display: inline-block;
    background: #000000;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 47px;
    border-radius: 4px;
    font-family: 'Montserrat';
    margin-top: 28px;
}

.exc {
    font-family: 'Montserrat';
    font-size: 8px;
    color: black;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 74px;
}

#sale-timer {
    /*display: flex;*/
    font-family: 'Montserrat';
    /*text-align: center;*/
    margin-bottom: 20px;
    /*margin-left: auto;
    margin-right: auto;
    float: none;*/
}
#sale-timer div {
    display: inline-block;
    border: 1px solid #FD9E4A;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 8px 17px;
}

#sale-timer span {
    display: block;
}

.t-1 {
    font-size: 38px;
    color: #000;
    font-weight: 600;
}

.t-2 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

#sale-timer em {
    font-weight: 500;
    font-size: 33px;
    color: #FD9E4A;
    padding: 0 13px;
        top: -22px;
    position: relative;
}

.flex-mid {
    display: flex;
    align-items: center;
    padding: 30px 0px;
}

.br-hp-background {
    background-image: none;
    background-color: #FFF7F0;
    height: auto;
    padding: 8px 0 20px;
    overflow: auto;
}

.br-heading-main {
    display: none;
}

.tld-small .br-price {
    color: #FC7724 !important;
}
#region-top {
    margin-bottom: 0; 
}
.sale-timer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.promo-sale-plan {
    background-color: #FFF7F0;
    padding: 50px 0;
}

.newPlan {
    background-color: #fff;
    padding: 30px;
    position: relative;
}

.topAbl {
    position: absolute;
    right: 0;
    top: 0;
    width: 95px;
}

.topAbl img {
    max-width: 100%;
}

.newPlanCont h3 {
    font-family: 'Montserrat';
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #000 !important;
    margin: 0 0 25px !important;
}

.newPlanCont p {
    font-family: 'Montserrat';
    margin: 13px 0 0;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding-left: 0px;
}

.planPrice {
    font-family: 'Montserrat';
}

.planPrice p {
    margin: 0 0 5px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
      padding-left: 0px;
}

.planPrice h3 {
    margin: 0 !important;
    font-size: 23px;
    color: #000 !important;
    font-weight: 700 !important;
}

.planPrice .btns {
    background: #00c853;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 51px;
    display: inline-block;
    margin: 15px 0 0;
    border-radius: 5px;
}

.planPrice {
    margin-top: 60px;
}

.promo-sale-plan .row,
.june-promo .row {
    margin: 0;
}


#region-bottom .br-section-heading{ display: block;}

.upToPff h3{ padding-left: 0 !important;}

.main-img img{ max-width: 100%;}
    .br-banner-section{ display: none}
@media only screen and (min-width: 320px) and (max-width: 767px)  {
     .june-promo, .promo-sale-plan, div#homepage-content{ margin: 0 -15px;}
     .flex-mid{ flex-wrap: wrap;}
     .flex-mid .col-lg-6{ width: 100%; }
     .main-img{ display: none;}
     .newPlan{ margin: 15px 0;}
     #carousel-example-generic{ display: none}
     .homepage-xs-search{     background: #fce8d7; margin: 0 -15px; padding: 8px 0 20px;}
     .homepage-xs-form{ border: 2px solid #fc7b24; }
     .homepage-xs-search button{  background:#fc7724;}
     .br-hp-background .domain-search-box {
        padding-left: 0px;
        padding-top: 0px;
    }
    .br-dca-wrapper, .domain-select-wrapper {
        width: 100%;
    }
    .br-hp-background .domains-input {
        width: 80%;
        height: 100%;
        padding: 0px 10px;
        font-size: 20px;
    }
    #homepageDomainSearch #go_btn {
        width: 15%
    }
    #homepage-content .domains-select, .br-hp-tld-list {
        display: none;
    }
    .br-hp-background .domain-search-box {
        padding-left: 15px;
        padding-right: 15px;
    }
}