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

    .highlight .with3cols .img_left {
        width: 30%;
        max-width: 80px;
    }

    .highlight .with3cols .text {
        width: 70%;
        padding: 0 20px;
        font-size: 1.2em;
    }

    .products .with3cols .img_left {
        width: 40%;
        max-width: 96px;
    }
    
    .products .with3cols .text {
        width: 60%;
        padding: 0 10px;
        font-size: 1.2em;
    }

}

@media screen and (max-width:600px) {
    .c_left, .c_right, .c_left40, .c_right60, .c_left50, .c_right50, .c_left30, .c_right70, .c_left70, .c_right30 {
        float: none;
        width: 100%;
    }

    .mincontentheight {
        min-height: 250px;
    }

    .card_img {
        margin-left: 0px;
        margin-top: 20px;
        vertical-align: middle;
    }

    .pricing-table th {
        padding: 6px 5px;
    }

    .pricing-table td {
        padding: 6px 5px;
    }

    #awards .img_left {
        float: none;
        width: 100%;
        padding: 20px 0px 5px 0px;
    }
     
    #awards .text {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

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

    #footer .col {
        float: none;
    }

    #footer .col1 {
        width: 100%;
    }

    #footer .col2 {
        width: 100%;
    }

    .backgroundimg1 {
        background-color: #10151a;
        background-image: url(../_images/site/_background/bg2.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }
}

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

    #navi li {
        background-color: black;
    }

    #header {
        position: relative;
        background-color: #000000;
    }

    #featured {
        padding: 20px;
    }

        #featured p {
            width: 100%;
        }
        
    #navi #menu {
        float: left;
        width: 100%;
        border-top: 3px solid green;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #navi ul {
        text-align: center;
    }

    #navi #menu li {
        background-color: black;
        display: block;
    }

    #header #menu a:link, #header #menu a:visited {
        float: none;
        padding: 5px 25px 5px 25px;
    }

    #header #menu li.current > a {
        color: #AFD284;
        background-color: #393a3b;
    }

    #header #menu a:hover {
        color: #d8e9c2;
        background-color: #1b4b83;
    }


        #navi li {
            display: block;
        }

    #navigation #submenu {
        float: left;
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 3px solid #c9cdcf;
    }

    #navigation ul {
        text-align: center;
    }

    #navigation #submenu li {
        display: block;
    }

        #navigation #submenu li.current a {
            color: #f7f7f7;
            /*border-bottom: none;*/
        }

        #navigation #submenu a:hover {
            color: #383838;
            background-color: #c9cdcf;
            border-bottom: 5px solid #d6dadc;
            /*border-bottom: none;*/
        }

    #navigation #submenu a:link, #navigation #submenu a:visited {
        float: none;
        padding: 5px 25px 5px 25px;
    }

    .list li {
        padding-top:3px;
        padding-bottom:3px;
    }
    .list li a {
        padding-top:3px;
        padding-bottom:3px;
    }

}

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

    .highlight .col, .products .col {
        float: none;
    }

    .highlight .with3cols, .products .with3cols {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .products .with3cols  {
        margin-bottom: 35px;
    }

    #header #menu a:link, #header #menu a:visited {
        padding-left:20px;
        padding-right:20px;
    }
}

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

    .screenshot1 {
        background-image: none;
    }

    #header #lang li:last-of-type a:link, #header #lang li:last-of-type a:visited {
        padding-right: 15px;
    }
}