.horobox {
    width:49%;
    max-width: 49%;
    margin-bottom:22px;
    background:#fff; 
    box-shadow: 0px 0px 3px #b7b7b7;
    border:2px solid #7a0026;
    box-sizing: border-box;
    padding:12px;
}

#horroscopes div.horobox:nth-child(even) {
    float:right;
}

#horroscopes div.horobox:nth-child(odd) {
    float:left;
    
}


#horroscopes {
   
    padding-bottom:5px;
    margin-bottom:20px;
    overflow: hidden;
    clear:both;
}

#horotop {
    
    margin-bottom:25px;
    position: relative;
}

#horotop a {
    display:inline-block;
    margin-top: -50px;
    margin-right: 20px;
    float:right;
    background: url(../images/downarrow2.gif) right 3px no-repeat #283158;
    line-height:30px;
    padding-right: 40px;
    color:#fff;
    text-decoration: none;
    font-size:13px;
    text-indent:14px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #000;
}

.dailybutton {
    background: url(../images/dailybutton.png) 0px bottom no-repeat !important;   
    text-indent:17px !important;   
}

.horcol1 {
    clear:both;
}

.horobox h2{
    color:#b80940;
    font-size:25px;
    margin:-5px 0 0 0px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 0;
    
}

.horobox h3{
    color:#000;
    font-size:15px;
    margin:0 0 5px 0;
    font-weight: normal;
}

.horobox p {
    font-size:13px;
    margin:15px 0 0 0;
    padding-right:15px;
    color:#000;
}






#horopisces .horoimage {
    background:url(../images/Pisces.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horoaquarius .horoimage {
    background:url(../images/Aquarius.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horoaries .horoimage {
    background:url(../images/Aries.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horocancer .horoimage {
    background:url(../images/Cancer.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horocapricorn .horoimage {
    background:url(../images/Capricorn.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horogemini .horoimage {
    background:url(../images/Gemini.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horoleo .horoimage {
    background:url(../images/Leo.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horolibra .horoimage {
    background:url(../images/Libra.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horosagittarius .horoimage {
    background:url(../images/Sagittarius.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horoscorpio .horoimage {
    background:url(../images/Scorpio.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horotaurus .horoimage {
    background:url(../images/Taurus.svg) right 5px no-repeat;
    background-size: auto 50px;
}

#horovirgo .horoimage {
    background:url(../images/Virgo.svg) right 5px no-repeat;
    background-size: auto 50px;
}



#yearhorobuttons a{
    display: inline-block;
    width:63px;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    color:#000;
    margin-bottom: 10px;
}

#yearhorobuttons a span{
    width:100%;
    height: 50px;
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 50px auto;
    display: block;
}


#yearhorobuttons {
    margin:25px 0 5px 0;
    
}

#yearhorobuttons a:hover span{
    background-position: center 0px;
}

#currentyearhoro span{
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 50px auto;
    display: inline-block;
    height: 50px;
    width: 63px;
    float: left;
    margin-right: 7px;
   
}

.horoyearfoot {
    color: #b80940;
    font-weight: bold;
    font-size: 16px;
    border-top:1px dashed #000;
    padding-top:25px;
    margin-top: 35px;
    
}

.horoyearfoot span {
    white-space: nowrap;
    display: inline-block;
    color:#000;
    vertical-align: top;
}

.horoyearfoot a{
    line-height: inherit !important;
    margin: inherit !important;
    color:#000;
    text-decoration: none;
}

.horoyearfoot small {
    font-size: 11px;
    color:#000;
    display: block;
    font-weight: normal;
}

.horoyearfoot span a{
    color:#000;
}

#yearhorobuttons a#yearhoroaries span {
    background-position: center 0px;
}


#yearhorobuttons a#yearhoroaries span,
#horoyeararies #currentyearhoro span{
    background-image:url(../images/Aries.svg);
    background-size: auto 50px;
}

#yearhorobuttons a#yearhorotaurus span,
#horoyeartaurus #currentyearhoro span{
    background-image:url(../images/Taurus.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorogemini span,
#horoyeargemini #currentyearhoro span{
    background-image:url(../images/Gemini.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorocancer span,
#horoyearcancer #currentyearhoro span{
    background-image:url(../images/Cancer.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhoroleo span,
#horoyearleo #currentyearhoro span{
    background-image:url(../images/Leo.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorovirgo span,
#horoyearvirgo #currentyearhoro span{
    background-image:url(../images/Virgo.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorolibra span,
#horoyearlibra #currentyearhoro span{
    background-image:url(../images/Libra.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhoroscorpio span,
#horoyearscorpio #currentyearhoro span{
    background-image:url(../images/Scorpio.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorosagittarius span,
#horoyearsagittarius #currentyearhoro span{
    background-image:url(../images/Sagittarius.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhorocapricorn span,
#horoyearcapricorn #currentyearhoro span{
    background-image:url(../images/Capricorn.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhoroaquarius span,
#horoyearaquarius #currentyearhoro span{
    background-image:url(../images/Aquarius.svg);
     background-size: auto 50px;
}

#yearhorobuttons a#yearhoropisces span,
#horoyearpisces #currentyearhoro span{
    background-image:url(../images/Pisces.svg);
     background-size: auto 50px;
}

#currentyearhoro h2 {
    font-weight: bold;
    color: #b80940;
    text-transform: capitalize;
    margin: -4px 0 0 0;
    font-size: 25px;
}

#currentyearhoro {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #000;
    margin-bottom: 25px;
}

#currentyearhoro p {
    margin: -3px 0 0 0;
}


#dailytitle {
    background: url(../images/dailytitle.png) center center no-repeat;
    height: 74px;
    margin:0;
    text-indent: -10000px;
}

.horoyearbox {
    display: none;
}

#horoyeararies {
    display: block;
}


#horodate {
    display: none;
}

.horofoot {
    padding:5px 15px 0px 15px;
    text-align: center;
    
    margin-top:10px;
    font-size: 16px;
    color:#b80940;
    font-weight: bold;
    
}

.horofoot .btext {
    display: block;
    color: #000000;
}


.horofoot small{
    display: block;
    font-size: 10px;
    color:#666;
    padding-top: 10px;
    font-weight: normal;
}



.horodate {
    color: #38426a;
    font-size: 24px;
    font-weight: bold;
    margin-left:15px;
    margin-top:-18px;
}


#horotopouter {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}




#horobuttons {
    float:right;
    
}

#horotoptitle {
    float: left;
}


.horobuttons1 {
    margin-right: 25px;
}

#horobuttons a{
    margin-top: 15px;
}

#horotoptitle h2{
    margin-bottom: 0px;
}



@media only screen and (min-width : 1360px) {
    
    #horobuttons a{
        min-width: 360px;
    }
    
    .horobuttons1 {
        margin-right: 35px;
    }
    
    #horotopouter {
        margin-top: 50px;
    }
    
    #yearhorobuttons {
        text-align: left;
    }
    
    
}




@media screen and (max-width : 900px) {
    #horobuttons {
        float:none;
    
    }
    
    #horotoptitle {
        float:none;
    }
    
    .horobuttons1 {
        margin-right: 5px;
    }
    
     .horobox {
        width:100%;
        max-width: 100%;
   
    }
    
    #horroscopes div.horobox:nth-child(even) {
        float:none;
    }
    
    #horroscopes div.horobox:nth-child(odd) {
        float:none;
    }
    
}


@media screen and (max-width : 600px) {

    
    #horobuttons {
        display: none;
    
    }
    
    .horofoot {
        font-size: 14px;
    }
    
    
    .horobox p {
        font-size: 12px;
    }
    
    
    
   
    
}