/* #Media Queries
================================================== */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .buy {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .work {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .testimonials {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    /*.newsletter { background: url(../images/dog.jpg) 0 50% no-repeat!important;}*/
    .buy, .work, .testimonials, .newsletter {
        -webkit-background-size: 1024px auto !important;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .buy {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .work {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .testimonials {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    /*.newsletter { background: url(../images/dog.jpg) 0 50% no-repeat!important; }*/
    .buy, .work, .testimonials, .newsletter {
        -webkit-background-size: 959px auto !important;
    }

    .white-overlay,
    .testimonials-overlay {
        padding: 60px 0 30px;
        width: 556px;
    }

    .white-overlay h4 {
        font-size: 31px;
    }

    .white-overlay p {
        font-size: 14px;
    }

    .promo img {
        width: 90%;
    }

    .promo h3 {
        margin-top: 40px;
    }

    .promo p {
        margin-right: 20px;
    }

    #about h5 {
        margin-bottom: 30px;
    }

    #about article {
        padding: 35px 0;
    }

    .picture {
        padding: 0 6px;
    }

    .picture span {
        margin-left: 2px;
        font-weight: 600;
        font-size: 13px;
    }

    .picture ul {
        margin-right: 0px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {

    .buy {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .work {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    .testimonials {
        background: url(../images/faces.jpg) 0 50% no-repeat !important;
    }

    /*.newsletter { background: url(../images/dog.jpg) 50% 50% no-repeat!important; }*/
    .buy, .work, .testimonials, .newsletter {
        -webkit-background-size: 767px auto !important;
    }

    .white-overlay,
    .testimonials-overlay {
        margin: 100px auto;
        padding: 40px 0 20px;
        width: 420px;
    }

    .white-overlay h4 {
        font-size: 24px;
    }

    .white-overlay p {
        font-size: 14px;
    }

    .button {
        font-size: 19px;
        padding: 6px 25px;
    }

    .buy {
        background: url(../images/faces.jpg) no-repeat;
    }

    nav {
        border-bottom: 0;
        height: auto;
    }

    nav ul {
        height: auto;
        width: 100%;
    }

    nav ul li {
        display: block;
    }

    nav li a {
        text-align: left;
        width: 100%;
    }

    nav .pull {
        display: block;
        background: #161616;
        width: 100%;
        text-align: center;
        color: #fff;
        top: 0px;
        height: 60px;
        padding-top: 10px;
    }

    nav .pull:hover {
        background: #1d1d1d;
        color: #19A4CC;
    }

    .icon-reorder:before {
        content: "\f0c9";
        font-family: 'FontAwesome';
        color: white;
        font-size: 40px;
    }

    .title h2 {
        padding: 0;
        margin: 40px 0 5px;
        border: 0;
        text-align: center;
    }

    .title p {
        line-height: 23px;
        font-size: 18px;
        text-align: center;
    }

    .service {
        margin: 25px 0;
    }

    #about article {
        padding: 20px 0;
    }

    .title p.three-lines,
    .title p.two-lines,
    .title p.one-line {
        margin: 0 0 40px;
    }

    .promo h3,
    .promo p {
        text-align: center;
        margin-right: 0;
    }

    .promo a {
        margin: 0 auto;
        width: 120px;
        display: block;
    }

    .skill-title {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    .skill-bar {
        width: 100%;
    }

    .picture {
        padding: 0 6px;
        margin-bottom: 20px;
    }

    .newsletter h4 {
        font-size: 28px;
    }

    .newsletter-form input[type=text] {
        width: 160px;
        padding: 9px 0px 9px 35px;
    }

    .contact-details p {
        width: 60%;
        margin: 0 auto 40px;
    }

    .work p {
        font-size: 14px;
    }

    .plan {
        margin-bottom: 0;
    }

    .cd-dropdown ul li span {
        background: #fff;
        line-height: 48px;
        padding: 0 30px;
        display: block;
        cursor: pointer;
        color: #949494;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.84px;
    }

    #box_outcomes .project_desc_content_area {
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    /* different width for smaller devices */
    #cboxTopCenter,
    #cboxContent,
    #cboxLoadedContent,
    #cboxBottomCenter {
        width: 420px;
    }

    .two_columns {
        column-count: 1;
        column-gap: 0px;
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        padding: 30px;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .white-overlay,
    .testimonials-overlay {
        margin: 100px auto;
        padding: 40px 0 20px;
        width: 300px;
    }

}

/* RESPONSIVE STUFF */

/* common to small mobiles, both orientations */
@media screen
and (min-width: 320px)
and (max-width: 736px) {

    header .header-banner .header-content {
        padding: 0px;
    }

    header .header-banner .header-glow-box {
        background: -moz-linear-gradient(left, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b8edb', endColorstr='#00aad2f0', GradientType=1); /* IE6-9 */
    }

    .project_desc_content_area #language-dropdown {
        width: 100%;
        float: none;
        margin: 0px;
        padding-bottom: 5%;
    }

    .newsletter-fields {
        margin: 0px;
    }

    #colorbox {
        max-width: 100%;
    }

    /* post overlay view for portrait */
    #colorbox #cboxTopLeft,
    #colorbox #cboxTopRight,
    #colorbox #cboxBottomLeft,
    #colorbox #cboxBottomRight,
    #colorbox #cboxMiddleLeft,
    #colorbox #cboxMiddleRight {
        width: 30px;
    }



    .img_and_title_columns > .title_column {
        width: 100%;
    }

    .img_and_title_columns > .img_column {
        width: 100%;
    }

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

    article.post p {
        text-align: justify;
    }

    body div#box_contact .four.columns,
    body div#box_contact #subscribe_button_box {
        padding-top: 10%;
    }


}

/* mobile smallest portrait width to largest portrait width */
@media screen
and (min-width: 320px)
and (max-width: 414px)
and (orientation: portrait) {
    .img_and_title_columns {
        padding: 0;
    }
}

 /*mobile smallest landscape width to largest landscape width */
@media screen
and (min-width: 480px)
and (max-width: 736px)
and (orientation: landscape) {

    article.post div.img_and_title_columns {
        margin-top:0;
    }
    article.post div.img_and_title_columns .title_column {
        min-height: 0;
        padding: 40px 0px 20px 0px;
    }
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen
and (device-width: 320px)
and (device-height: 480px)
    /*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 188px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 260px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 220px;
    }

}

/* Landscape */
@media only screen
and (device-width: 480px)
and (device-height: 320px)
    /*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 420px !important;
    }

    nav ul li {
        line-height: 44px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen
and (device-width: 320px)
and (device-height: 568px)
/*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 260px !important;
    }

}

/* Landscape */
@media only screen
and (device-height: 320px)
and (device-width: 568px)
/*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 508px !important;
    }

    nav ul li {
        line-height: 40px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen
and (device-width: 375px)
and (device-height: 667px)
    /*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 315px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media only screen
and (device-height: 375px)
and (device-width: 667px)
    /*and (-webkit-min-device-pixel-ratio: 2)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        /*width: 200px;*/
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 607px !important;
    }

    nav ul li {
        line-height: 50px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen
and (device-width: 414px)
and (device-height: 736px)
/*and (-webkit-min-device-pixel-ratio: 3)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 354px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media only screen
and (device-width: 736px)
and (device-height: 414px)
/*and (-webkit-min-device-pixel-ratio: 3)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 676px !important;
    }

    nav ul li {
        line-height: 50px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- Galaxy S3 , S4, S5, HTC One, Nexus 5 ----------- */

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
    /*and (-webkit-device-pixel-ratio: 2)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 300px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media screen
and (device-width: 640px)
and (device-height: 360px)
    /*and (-webkit-device-pixel-ratio: 2)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 580px !important;
    }

    nav ul li {
        line-height: 50px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- Nexus 4 ----------- */

/* Portrait */
@media screen
and (device-width: 384px)
and (device-height: 640px)
    /*and (-webkit-device-pixel-ratio: 2)*/
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 324px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media screen
and (device-width: 640px)
and (device-height: 384px)
    /*and (-webkit-device-pixel-ratio: 2)*/
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 580px !important;
    }

    nav ul li {
        line-height: 50px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- iPad mini, iPad 1, iPad 2, iPad 3, iPad 4, Nexus 10 ----------- */

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

    header .header-banner .header-content {
        padding: 0px;
    }

    header .header-banner .header-glow-box {
        padding: 0;
    }

    header .header-banner .header-content .header_logo {
        margin: 30px 0px;
    }

    header .header-banner.container h1.five.columns {
        width: 300px;
        margin-top: 20px;
    }

    nav ul li a {
        padding: 22px 20px;
    }

    .project_desc_content_area #language-dropdown {
        width: 100%;
        float: none;
        margin: 0px;
        padding-bottom: 5%;
    }

    .newsletter-fields {
        margin: 0px;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 708px !important;
    }

    #colorbox {
        max-width: 768px;
    }

    .img_and_title_columns {
        padding: 50px 10px 0px 10px;
    }

    footer .disclaimer {
        padding-top: 85px;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    header .header-banner .header-content {
        margin-left: 100px;
    }

    .project_desc_content_area #language-dropdown {
        width: 100%;
        float: none;
        margin: 0px;
        padding-bottom: 5%;
    }

    .newsletter-fields {
        margin: 0px;
    }

    .img_and_title_columns > .title_column {
        width: 100%;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait */
@media (max-device-width: 800px)
and (orientation: portrait) {

}

/* Landscape */
@media (max-device-width: 1280px)
and (orientation: landscape) {

}

/* ----------- Nexus 7 ----------- */

/* Portrait */
@media screen
and (device-width: 600px)
and (device-height: 960px)
    /*and (-webkit-min-device-pixel-ratio: 1.331)*/
    /*and (-webkit-max-device-pixel-ratio: 1.332)*/
and (orientation: portrait) {

    header .header-banner .header-content {
        padding: 0px;
    }

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box {
        background: -moz-linear-gradient(left, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(75, 142, 219, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 87%, rgba(170, 210, 240, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b8edb', endColorstr='#00aad2f0', GradientType=1); /* IE6-9 */
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    body .header-content #box_home {
        margin: 0;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    .project_desc_content_area #language-dropdown {
        width: 100%;
        float: none;
        margin: 0px;
        padding-bottom: 5%;
    }

    .newsletter-fields {
        margin: 0px;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 540px !important;
    }

    #colorbox {
        max-width: 600px;
    }

    .img_and_title_columns {
        padding: 0;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .img_and_title_columns > .title_column {
        width: 100%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media screen
and (device-width: 600px)
and (device-height: 960px)
/*and (-webkit-min-device-pixel-ratio: 1.331)*/
/*and (-webkit-max-device-pixel-ratio: 1.332)*/
and (orientation: landscape) {

}

/* ----------- Nexus 6, Nexus 6P ---------------------*/
/* Portrait */
@media only screen
and (device-width: 412px)
and (device-height: 732px)
and (orientation: portrait) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 352px !important;
    }

    .img_and_title_columns > .img_column {
        width: 40%;
    }

    .post img {
        max-width: 250px;
    }

}

/* Landscape */
@media only screen
and (device-width: 732px)
and (device-height: 412px)
and (orientation: landscape) {

    header .header-banner .header-content .header_logo {
        background-size: 100px auto;
        min-height: 170px;
    }

    header .header-banner .header-glow-box .header-content {
        margin: 0px;
    }

    header .header-banner .header-glow-box .header-content h1.five.columns {
        width: 70%;
        margin-left: 20%;
        padding-top: 5%;
        font-size: 20pt;
    }

    #cboxTopCenter,
    #cboxBottomCenter,
    #cboxContent,
    #cboxLoadedContent {
        width: 617px !important;
    }

    nav ul li {
        line-height: 50px;
    }

    nav ul li a {
        padding: 0;
    }

    body .header-content #box_home {
        margin: 0;
    }

}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

/* LAPTOPS */
/* ----------- Non-Retina Screens ----------- */
/*@media screen*/
/*and (min-device-width: 1200px)*/
/*and (max-device-width: 1600px)*/
/*and (-webkit-min-device-pixel-ratio: 1) {*/
/*}*/

/* ----------- Retina Screens ----------- */
/*@media screen*/
/*and (min-device-width: 1200px)*/
/*and (max-device-width: 1600px)*/
/*and (-webkit-min-device-pixel-ratio: 2)*/
/*and (min-resolution: 192dpi) {*/
/*}*/