/*** ABOUT FLYNAX PAGE STYLES ***/

ul.scripts-list {
    margin-top: 23px;
}
ul.scripts-list > li {
    margin-bottom: 24px;
}
ul.scripts-list > li > div {
    width: 64px;
    height: 64px;
    float: left;
    margin: 5px 37px 0 0;
}
ul.scripts-list > li > p {
    overflow: hidden;
}
ul.scripts-list > li > div > a {
    display: inline-block;
}
ul.scripts-list > li > div > a:before {
    content: '';
    width: 64px;
    height: 64px;
    display: block;
    background: url(../img/sprite.png) 0 -11px no-repeat;
}
ul.scripts-list > li > div > a.auto:before {
    background-position: 0 -75px;
}
ul.scripts-list > li > div > a.realty:before {
    background-position: 0 -139px;
}
ul.scripts-list > li > div > a.boats:before {
    background-position: 0 -203px;
}
ul.scripts-list > li > div > a.pets:before {
    background-position: 0 -267px;
}
ul.scripts-list > li > div > a.escort:before {
    background-position: 0 -807px;
}

div[class^=img-] > p {
    overflow: hidden;
}
div.img-framework img {
    float: right;
    width: 257px;
    height: 162px;
    margin: 5px 0 0 30px;
    background: url(../img/about-flynax/sprite.png) 0 0 no-repeat;
}
div.img-features img {
    float: left;
    width: 70px;
    height: 85px;
    margin: 5px 30px 0 0;
    background: url(../img/about-flynax/sprite.png) 0 -163px no-repeat;
}
div.img-seo img {
    float: right;
    width: 72px;
    height: 94px;
    margin: 5px 0 0 30px;
    background: url(../img/about-flynax/sprite.png) -71px -163px no-repeat;
}
div.img-apps img {
    float: left;
    width: 150px;
    height: 112px;
    margin: 5px 30px 0 0;
    background: url(../img/about-flynax/sprite.png) 0 -257px no-repeat;
}
div.img-templates img {
    float: right;
    width: 270px;
    height: 139px;
    margin: 5px 0 0 30px;
    background: url(../img/features/respnsive-template.png) 0 0 no-repeat;
}

section.plugins-section,
section.features,
section.templates {
    padding-top: 0;
    margin-top: 0;
}
section.plugins-section > div.row > div {
    padding-bottom: 10px;
}
section.plugins-section > h2 {
    padding-bottom: 20px;
    text-align: left;
}

ul.support.row {
    margin-top: 25px;
}
ul.support.row > li {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    div[class^=img-] > img {
        float: none;
        margin: 0 auto 20px;
        display: block;
    }
}

ul.tick.row {
    padding-bottom: 12px;
}
ul.tick.row > li > div {
    margin-top: 12px;
}

/*** ABOUT FLYNAX PAGE STYLES END ***/