/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
 
 /**** RESPONSIVE CODING ****/

  
  @media screen and (min-width: 481px) and (max-width:659px) {
      .mainimage img {
    max-width: 220px;
}

.mainimg-effect 
{
     background: #ffffff;
     padding: 15px 15px 20px 15px;
     max-width: 220px;
}

.sitename {
    padding: 7px 5px 15px 5px;
    max-width: 240px;
    margin: 0 auto;
    background: #ffffff;
    margin-top: -7px;
}

        span.website-name {
            font-size: 18pt;
        }


        
        .secondimage {
     margin-left: 0px;
     display: inline-block;
     margin-top: 9px;
     max-width: 150px;
}
        .secondimage img {
            max-width: 115px;
        }
        .secondimg-effect 
{
       background: #ffffff;
       padding: 12px 12px 20px 12px;
}
      
  }
 
 
    @media screen and (min-width: 376px) and (max-width:480px) {
  .mainimage img {
    max-width: 220px;
}

.mainimg-effect 
{
     background: #ffffff;
     padding: 15px 15px 20px 15px;
     max-width: 220px;
}

.sitename {
    padding: 7px 5px 15px 5px;
    max-width: 240px;
    margin: 0 auto;
    background: #ffffff;
    margin-top: -7px;
}

        span.website-name {
            font-size: 18pt;
        }


        
        .secondimage {
     margin-left: 0px;
     display: inline-block;
     margin-top: 9px;
     max-width: 150px;
}
        .secondimage img {
            max-width: 115px;
        }
        .secondimg-effect 
{
       background: #ffffff;
       padding: 12px 12px 20px 12px;
}

        
    }
   @media screen and (min-width: 371px) and (max-width:375px) {
    .mainimage img {
    max-width: 200px;
}

.mainimg-effect 
{
     background: #ffffff;
     padding: 15px 15px 20px 15px;
     max-width: 200px;
}

.sitename {
    padding: 7px 5px 15px 5px;
    max-width: 220px;
    margin: 0 auto;
    background: #ffffff;
    margin-top: -7px;
}

.mainimage {
    margin-left: -10px;
}

.secondimage {
    margin-top: 15px;
    display: table-cell;
    padding-left: 65px;
}
   }
   
 @media screen and (min-width: 290px) and (max-width:370px) {
 .mainimage img {
    max-width: 200px;
}

.mainimg-effect 
{
     background: #ffffff;
     padding: 15px 15px 20px 15px;
     max-width: 200px;
}

.sitename {
    padding: 7px 5px 15px 5px;
    max-width: 220px;
    margin: 0 auto;
    background: #ffffff;
    margin-top: -7px;
}

.mainimage {
    margin-left: -10px;
}

.secondimage {
    margin-top: 15px;
    margin-left: -14px;
}
 }