@media only screen and (min-width:220px) and (max-width: 961px)
{
#header
{
position: relative;
/*border: solid;*/
height: auto;
}
h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 4.0vw;
}

#header-top
{
width: 100%;
height: auto;
}
#header-top-wrapper
{
width: 100%;
height: auto;
}

#logo
{
float: left;
width: 100%;
margin: 10px 0px 30px 0px;
height: auto;
text-align: center;
}


#main-nav
{
display: none;
}

.aa-banner
{
background-position: center center;
background-attachment: scroll;
}

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.aa-welcome
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.aa-welcome-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.aa-welcome-wrapper h1, h2
{
line-height: 45px;
}

.aa-team
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.aa-team-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.aa-team-wrapper h1, h2
{
line-height: 45px;
}

/*iframe {
    
    width: 100%;
    height: 100%;
}*/
#scroll-site
{
display: none;
}


.aa-top-footer-wrapper
{
width: 98%;
padding: 20px 0px;
height: auto;
}
.aa-top-footer-box
{
float: left;
width: 280px;
height: auto;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}

/* Contact Us Page Responsive CSS Code Starts from Here */
.aa-cu
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.aa-cu-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}
.aa-cu-cf
{
width: 100%;
}
.aa-cu-wrapper h1, h2
{
line-height: 45px;
}
/* Contact Us Page Responsive CSS Code Ends Here */



/* Norml Page Responsive CSS Code Starts from Here */
.aa-np
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.aa-np-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.aa-np-wrapper h1, h2
{
line-height: 45px;
}
/* Norml Page Responsive CSS Code Ends Here */

/* Blog Page Responsive Css Code Starts From Here */

.suv-blog, .suv-blog-wrapper, .suv-blog-posts-wrapper
{
width: 100%;
height: auto;
}

/* Blog Page Responsive Css Code Ends Here */

/* Individual Blog Page Responsive Css Code Starts From Here */

.suv-indblog-posts
{
width: 98%;
padding: 20px 1% 20px 1%;
}

.suv-indblog-posts-fimg
{
float: left;
width: 100%;
height: auto;
}


.suv-indblog-posts-fimg img
{
width: 100%;
height: auto;
}

.suv-indblog-posts-content
{
float: left;
width: 100%;
height: auto;
}



/* Individual Blog Page Responsive Css Code Ends Here */
}


@media only screen and (min-width:220px) and (max-width: 680px)
{
.suv-blog-sidebar
{
width: 320px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
}

}

@media only screen and (min-width:680px) and (max-width: 1000px)
{
.suv-blog-sidebar
{
float: left;
width: 96%;
padding: 10px 2%;
margin-left: 0px;
}

.suv-sidebar-gaupdates, .suv-sidebar-video, .suv-sidebar-SEOUpdates
{
float: left;
margin-left: 20px;
}

}

@media only screen and (min-width:420px) and (max-width: 961px)
{
#site-addr {
width: 260px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:220px) and (max-width: 550px)
{
#header-top-wrapper-social, #header-top-wrapper-sa
{
width: 100%;
margin: 0 auto;
text-align: center;
}
}