﻿

@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    .news_dtls {
    float: right;
    line-height: 20px;
    width: 74%;
    padding-top: 0;
}

    .add_info {
    float: right;
    margin: 19px 0 0 300px;
    position: absolute;
}
}

@media only screen and (min-width: 966px) and (max-width: 1023px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    .news_dtls {
    float: right;
    line-height: 20px;
    width: 74%;
    padding-top: 0;
}

    .add_info {
    float: right;
    margin: 19px 0 0 300px;
    position: absolute;
}
}

@media only screen and (min-width: 768px) and (max-width: 965px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
   .news_dtls {
    float: right;
    line-height: 20px;
    width: 74%;
    padding-top: 0;
}

    .add_info {
    float: right;
    margin: 19px 0 0 300px;
    position: absolute;
}
}

@media only screen and (min-width: 736px) and (max-width: 767px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
      .ad-summary-photo {
     float: none; 
  }
    .add_info {
        float: none;
        margin: 18px 0 0 246px;
        position: absolute;
    }

    #home h1 {
        margin: 100px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }
    .ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}
   .news_dtls {
    float: right;
    line-height: 20px;
    width: 74%;
    padding-top: 0;
}
}

@media only screen and (min-width: 640px) and (max-width: 735px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    .add_info { float: right;position: absolute; margin: 55px 0 0 54%; }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
}

@media only screen and (min-width: 603px) and (max-width: 639px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 568px) and (max-width: 602px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 480px) and (max-width: 567px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
     .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 460px) and (max-width: 479px)
{
   .container {padding-right: 0px;   padding-left: 0px;}
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 414px) and (max-width: 469px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 360px) and (max-width: 413px)
{
    .container {padding-right: 0px;   padding-left: 0px;}
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px)
{
    .container {padding-right: 0px;   padding-left: 0px;}
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
 .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
}

@media only screen and (min-width: 240px) and (max-width: 319px)
{
     .container {padding-right: 0px;   padding-left: 0px;}
   .rightpanelnews
    {
        width: 100%; margin-left: 3px; border: 1px solid #ccc;
    }
    .add_info {
        float: right;
        position: absolute;
        margin: 55px 0 0 54%;
    }

    #home h1 {
        margin: 133px 0 0 0;
    }

    #home .btn {
        padding: 17px 36px;
    }

    .add_info img {
        width: 80%;
        margin: 0px;
    }
    .store_infoRight {
    float: right;
    width: 100%;
    margin: 0px 0px 0 0;
}

.location_nav{
    height:120px;
}

.location_dtls {
    margin: 7px 0 0;
    min-width: 100%;
    padding: 5px 0;
    position: relative;  
    padding: 20px;
    max-height: 300px;

}
.nav_list {
    padding: 15px 0 0 0;
}

.ap_general_photo {
    text-align: center;
    float: none;
    margin: 10px;
}

.news_dtls {
    float: none;
    line-height: 20px;
    width: 100%;
    padding-top: 20px;
}
}
