﻿@media only screen and (min-width:1920px) {
}

@media only screen and (min-width:1366px) {
}

@media only screen and (max-width:1366px) {
}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1100px) {
    .rightColum { margin: 15px 5px; }
    .aboutText .column { min-height: 300px; margin-bottom: 30px; }
    .userBtn a, .newBtn a { padding: 10px 5px 10px 10px; font-size: 18px; }
    .banner .irsLogo { margin-top: 60px; }
}

@media only screen and (max-width:1000px) {
}

@media only screen and (max-width:930px) {

    .titleText h1, .titleText h2 { font-size: 27px; }

    .flow li .Circle { background: #fff; border-radius: 100%; display: table-cell; font: 600 13px "open sans"; height: 125px; position: relative; text-align: center; transition: all .5s ease 0s; vertical-align: middle; width: 125px; padding: 5px; }

    .flow li { display: inline-block; list-style-type: none; margin: 5px 10px; padding: 0 18px; }

    .navigation li { padding-left: 2px; padding-right: 2px; }
    .navigation li a { padding: 5px 10px 5px; font-size: 14px; }
    .callUs ul li:first-child::after { display: none; }
    .callUs ul li:last-child { padding: 5px 0px 0 25px !important; }
    .aboutText .column { min-height: 375px; }
    .aboutText .column h2, .aboutText .column h3, .aboutText .column h1 { font-size: 20px; }
    .steps > div:first-child, .steps > div:nth-child(2) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d4dee5; }
    .sepLine { width: 75%; }
    .banner { height: 500px; max-height: 450px; margin-top: 238px; margin-top: 0px; }
    .banner h2 { font-size: 28px !important; margin: 30px 0px; }
    .banner h2 br { display: none; }
    .rightColum { margin: 0px; }
    .blueGrd.topMargin { margin-top: 20px; }
    .stky-caption {font-size: 17px;}
    .button_sticky {font-size: 15px;}
    .bottom_fixed_bar {z-index: 999;}
  #back-top {bottom: 65px;}
}

@media only screen and (max-width:780px) {
}

@media only screen and (max-width:750px) {
}

@media only screen and (max-width:690px) {
    .logo img { margin-top: 2px; width: 80px; }

    .contact-form-part h5 { font-size: 20px; color: #fff; }

    .contact-form-part h2 { font-size: 20px; color: #fff; line-height: 27px; }
    .Circle::before { bottom: -168px !important; right: 141px !important; transform: rotate(90deg); }

    .flow li { display: block; list-style-type: none; margin: 5px auto 50px; padding: 0 25px; width: 220px; }

    .flow li .Circle { background: #fff; border-radius: 100%; display: table-cell; font: 600 15px "open sans"; height: 150px; position: relative; text-align: center; transition: all .5s ease 0s; vertical-align: middle; width: 150px; padding: 5px; }

    .tryFree a { margin-top: 10px; margin: 10px auto 0; }
    .navbar-header { padding: 5px 0px; }
    .navbar-collapse { border-top: none; margin: 0px -20px; box-shadow: none; }
    .navigation:after, .navigation:before, .navigation li:first-child:before { display: none; }
    .navigation { padding: 0px; margin: 10px -15px 0px; float: none; left: 0; text-align: left; }
    .navigation > li { display: block; border-left: none; padding: 5px 10px; float: none; left: 0; background: rgba(224, 225, 227, 0.85); }
    .navigation li a { padding: 10px 20px 10px 20px; }
    .banner { height: 400px; max-height: 400px; padding-top: 140px; }
    .banner .priceTag img { width: 100%; }
    .banner img { width: 30%; }
    .banner h2 { font-size: 22px !important; margin: 20px 0px; }
    .startBtn { font-size: 20px; padding: 8px 10px; }
    .aboutText .column { margin-bottom: 20px; min-height: 100px; }
    .steps > div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d4dee5; }
    .steps > div:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
    .sepLine { width: 90%; }
    .rightColum { margin: 30px; }
    .titleText h1, .titleText h2 { font-size: 24px; }
    .cards img { width: 20%; }
    #back-top {bottom: 10px;}
}

@media only screen and (max-width:590px) {
}

@media only screen and (max-width:468px) {
}

@media only screen and (max-width:320px) {
    .banner h2 { font-size: 20px !important; margin: 10px 0px; }
    .startBtn { font-size: 18px; }
    titleText h1, .titleText h2 { font-size: 20px; }
}
