/* Home hook CSS */

#htmlcontent_home ul {
    margin: 0 -5px;
}

#htmlcontent_home ul li {
    padding: 0 5px 10px;
}

@media (max-width: 479px) {
    #htmlcontent_home ul li {
        width: 100%;
    }
}

#htmlcontent_home ul li img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 479px) {
    #htmlcontent_home ul li img {
        min-width: 100%;
    }
}

#htmlcontent_home ul li.htmlcontent-item-5 {
    width: 66.6667%;
}

@media (max-width: 479px) {
    #htmlcontent_home ul li.htmlcontent-item-5 {
        width: 100%;
    }
}


/* Top hook CSS */

#htmlcontent_top {
    width: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    #htmlcontent_top {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    #htmlcontent_top ul {
        margin: 0 -5px;
    }
    #categories_block_left{
        display:none;
    }
}

#htmlcontent_top ul li {  
    padding: 1px;
}

.htmlcontent-item-1{
    text-align: right;
    width: 50%;
    background: #ffffff;
}

.htmlcontent-item-2 {
    text-align: right;
    width: 50%;
    background: #ffffff;
}

.htmlcontent-item-4{    
    width: 44.5%;
    background: #ffffff;
}

.htmlcontent-item-3
{   
    width: 27.75%;    
    background: #ffffff;
    clear: left;
}
.htmlcontent-item-5 {   
    width: 27.75%;    
    background: #ffffff;
}

.htmlcontent-item-6 {
    width: 50%;
    text-align: center;
    background: #ffffff;
}
.htmlcontent-item-7 {
    width: 50%;
    text-align: center;
    background: #ffffff;
}

@media (max-width: 767px) {
    #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
}

#htmlcontent_top ul li:last-child {
    margin-bottom: 0;
}

#htmlcontent_top ul li img {
    max-width: 100%;
    height: auto;
}


/* Left hook CSS */


/* Right hook CSS */


/* Footer hook CSS */