/*
=======================================================================
 RateZip MAO Rates Table
=======================================================================
*/

#maotable {
    position:relative;
    top:0;
    left:0;
    width:88%;
    max-width:1280px;
    height:auto;
    font-family:Arial;
    margin:0 auto;
    box-sizing:border-box;
    overflow:hidden;
    padding-top:30px;
    padding-bottom:20px;
}

#maotable a {
    display:block;
    width:100%;
    height:auto;
    text-decoration:none;
    color:#000;
}

.maotable_result {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    padding:15px;
    border:2px solid #ECEDEE;
    box-sizing:border-box;
    margin-bottom:10px;
}

.maotable_brand {
    float:left;
    width:25%;
    height:auto;
}

.maotable_listnumber {
    float:left;
    width:20%;
    height:auto;
    margin-top:15%;
}

.maotable_number {
    position:relative;
    top:0;
    left:0;
    width:50px;
    height:50px;
    line-height:50px;
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    background:#2173FF;
    border-radius:50px;
}

#maotable a:hover .maotable_number {
    background:#009900;
}

.maotable_logo {
    float:left;
    width:75%;
    height:auto;
    margin-top:20px;
    margin-left:5%;
}

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

.maotable_details {
    float:left;
    width:52%;
    height:auto;
    margin-left:4%;
    margin-right:4%;
    text-align:left;
}

.maotable_headline {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    margin-bottom:15px;
    color:#2173FF;
    font-size:16px;
    font-weight:bold;
}

.maotable_blurb {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    line-height:22px;
    font-size:14px;
}

.maotable_weburl {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    margin-top:15px;
    color:#666;
    font-size:14px;
    font-weight:bold;
}

.maotable_button {
    float:left;
    width:15%;
    height:auto;
}

.maotable_bluebutton {
    position:relative;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:50px;
    line-height:50px;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    background:#FC5227;
    border-radius:30px;
    margin-top:28%;
}

#maotable a:hover .maotable_bluebutton {
    background:#009900;
}
    
/*
=======================================================================
 Desktop 1024-1280
=======================================================================
*/

@media screen and (max-width:1279px)
{
    .maotable_brand {width:30%;}
    .maotable_details {width:42%;}
    .maotable_button {width:20%;}
    .maotable_number {font-size:16px;}
    .maotable_headline {font-size:14px;}
    .maotable_blurb {font-size:12px; line-height:20px;}
    .maotable_weburl {font-size:12px;}
    .maotable_bluebutton {font-size:16px; height:40px; line-height:40px; margin-top:40%;}
}

/*
=======================================================================
 Tablets 768-1024
=======================================================================
*/

@media screen and (max-width:1023px)
{
    .maotable_brand {width:35%;}
    .maotable_listnumber {width:25%; margin-top:20%;}
    .maotable_logo {width:70%; margin-top:30px;}
    .maotable_details {width:37%;}
    .maotable_number {font-size:16px;}
    .maotable_headline {font-size:12px;}
    .maotable_blurb {font-size:11px; line-height:16px;}
    .maotable_weburl {font-size:11px;}
    .maotable_bluebutton {font-size:14px;}
}

/*
=======================================================================
 Mobile & Small Tablets
=======================================================================
*/
    
@media screen and (max-width:767px)
{
    #maotable {width:94%; padding-top:15px; padding-bottom:5px;}
    .maotable_brand {width:100%;}
    .maotable_listnumber {margin-top:8%;}
    .maotable_logo {width:70%; margin-top:0;}
    .maotable_details {width:100%; margin-top:15px; margin-left:0; margin-right:0;}
    .maotable_button {width:100%;}
    .maotable_bluebutton {margin-top:25px; border-radius:0;}
}