@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;
padding-bottom: 5px;
}

#header-middle
{
width: 100%;
height: auto;
}
#header-middle-wrapper
{
width: 100%;
height: auto;
padding-bottom: 5px;
}

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

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


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


#main-nav
{
display: none;
}

.suv-blog-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%; }


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

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

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

.suv-footer-wrapper-box
{
float: left;
width: 100%;
height: auto;
text-align: left;
}

.suv-footer-wrapper-box p
{
text-align: left!important;
}

}

@media only screen and (min-width:220px) and (max-width: 400px)
{

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

#header-top-wrapper-social
{
width: 220px;
position: relative;
top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}

#header-top-wrapper-sa
{
float: left;
width: 180px;
position: relative;
top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}

}


@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%);
  }
}

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

@media only screen and (min-width:220px) and (max-width: 1061px)
{
.suvai-blog-top-heading
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.suvai-blog-top-heading-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.suvai-blog-top-heading-wrapper h1
{
font-size: 25px;
line-height: 45px;
}

.suvai-blog, .suvai-blog-wrapper, .suvai-blog-posts-wrapper
{
width: 96%;
height: auto;
padding: 10px 2% 10px 2%;
}



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

.suvai-indblog-posts
{
width: 96%;
padding: 20px 2% 20px 2%;
}

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


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

.suvai-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)
{
.suvai-blog-sidebar
{
width: 320px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
}

}

@media only screen and (min-width:220px) and (max-width: 800px)
{
.suvai-blog-posts
{
width: 98%;
padding: 10px 1%;
height: auto;
}

.suvai-blog-posts-fimg, .suvai-blog-posts-content
{
width: 100%;
height: auto;
margin-left: 0px;
margin-bottom: 10px;
}

}

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

.suvai-sidebar-fw, .suvai-sidebar-sw, .suvai-sidebar-tw
{
float: left;
margin-left: 20px;
}

}

/* Blog Page Responsive Css Code Ends Here */

/* Contact Us Page Second Template Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1120px)
{
.contactus2t-intro
{
padding-top: 30px;
padding-bottom: 30px;
}

.contactus2t-intro-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

.contactus2t-intro-image
{
width: 100%;
height: auto;
}

.contactus2t-intro-content
{
width: 96%;
height: auto;
padding: 2%;
margin: 30px 0px 30px 0px;
}

.contact-us2t
	{
		width: 100%;
		height: auto;
		background: rgba(227,191,182,0.1);
		padding-top: 30px;
padding-bottom: 30px;
margin-top: 0px;
margin-bottom: 0px;
}

.contact-us2t-wrapper
	{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		height: auto;
	}
.contact-us2t-texts, .contact-us2t-form
{
width: 100%;
height: auto;
margin: 30px 0px;
padding-top: 0px;
}
}

/* Contact Us Page Second Template Responsive CSS Code Ends Here */


/* Contact Us Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1120px)
{
.contactus-intro
{
padding-top: 30px;
padding-bottom: 30px;
}

.contactus-intro-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

.contactus-intro-image
{
width: 100%;
height: auto;
}

.contactus-intro-content
{
width: 96%;
height: auto;
padding: 2%;
margin: 30px 0px 30px 0px;
}

.contactus-3box
{
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 70px;
background-color: #292466;
}

.contactus-3box-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

.contactus-faq
{
padding-top: 30px;
padding-bottom: 80px;
}

.contactus-faq-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

}

@media only screen and (min-width:220px) and (max-width: 700px)
{
.contactus-singlebox
{
width: 80%;
height: auto;
padding: 10%;
margin: 20px 0px;
}

.contactus-faq-sections
{
width: 96%;
height: auto;
padding: 5% 2%;
}
}

@media only screen and (min-width:701px) and (max-width: 940px)
{
.contactus-singlebox
{
width: 28%;
height: 180px;
padding: 5% 1% 7% 1%;
margin: 1.33%;
}

.contactus-singlebox h3
{
font-family: "Poppins", serif;
text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #fff;
  text-align: center;
    padding: 10px 0px;
	letter-spacing: 2px;
}

.contactus-singlebox p, a
{
font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
	letter-spacing: 2px;
}

.contactus-faq-sections
{
width: 96%;
height: auto;
padding: 5% 2%;
}
}

@media only screen and (min-width:901px) and (max-width: 1120px)
{
.contactus-faq-sections
{
width: 96%;
height: auto;
padding: 5% 2%;
}
}

/* Contact Us Page  Responsive CSS Code Ends Here */

/* About Us Second Template Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1120px)
{

.ausec-banner
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}

.ausec-banner-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
		text-align: left;
	}

.ausec-consult
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}

.ausec-consult-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
		text-align: left;
	}


.ausec-intro
{
padding-top: 30px;
padding-bottom: 30px;
}

.ausec-intro-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

.ausec-cvv
{
padding-top: 30px;
padding-bottom: 30px;
}

.ausec-cvv-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
}

.ausec-cvv-image
{
width: 100%;
height: auto;
}

.ausec-cvv-content
{
width: 90%;
height: auto;
padding: 5%;
margin: 30px 0px 30px 0px;
background-color: #FCFCFC;
}

.ausec-diff
{
width: 100%;
height: auto;
}

.ausec-diff-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
margin-bottom: 50px;
}

.ausec-partners-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
background: #FCFCFC;
padding: 40px 0px;
}

.ausec-partners-image
{
width: 100%;
height: auto;
}

.ausec-partners-content
{
width: 90%;
height: auto;
padding: 5%;
}

}


@media only screen and (min-width:220px) and (max-width: 700px)
{
.ausec-banner-wrapper h1
{
font-size: 45px;
font-weight: 500;
line-height: 50px;
}

.ausec-intro-wrapper h1
{
font-size: 19px;
}
.ausec-intro-wrapper h2
{
font-size: 48px;
}

.ausec-cvv-2ndcontent
{
    font-size: 35px;
}

.ausec-diff-wrapper
{
display: flex; flex-flow: column;
}

.ausec-diff-image
{
width: 100%;
height: auto;
margin-bottom: 50px;
}
.ausec-diff-content
{
width: 90%;
height: auto;
padding: 5%;
}
#ausec-diff-image-2nd-point, #ausec-diff-image-4th-point
{
order: 1;
}
#ausec-diff-content-2nd-point, #ausec-diff-content-4th-point
{
order: 2;
}
}

@media only screen and (min-width:701px) and (max-width: 970px)
{
.ausec-diff-image
{
float: left;
width: 49%;
height: auto;
}

.ausec-diff-content
{
float: left;
width: 44%;
height: auto;
padding: 3%;
}

.ausec-diff-content h3
{
 font-family: "Parisienne", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #134998;
    text-align: center;
    padding-bottom: 10px;
}

.ausec-diff-content h2
{
 font-family: "Newsreader", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
    font-size: 30px;
	line-height: 52px;;
	color: rgb(23, 21, 21);
  text-align: center;
  padding-bottom: 10px;
}

}

/* About Us Second Template Page Responsive CSS Code Ends Here */

/* About Us Page Responsive Css Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 800px)
{
.au-banner
{
width: 96%;
height: auto;
padding: 2%;
}

.au-banner-left
{
width: 100%;
height: auto;
}

.au-banner-right
{
width: 100%;
height: auto;
margin-top: 30px;
padding: 0;
}

.au-mission-ind-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-mis
{
width: 100%;
height: auto;
}

.au-ind
{
width: 100%;
height: auto;
margin-top: 30px;
padding: 0;
margin-left: 0;
}


.au-differentiators-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-differentiators-box
{
width: 100%;
height: auto;
margin-top: 20px;
margin-right: 0px;
}

.au-pic
{
padding-top: 30px;
padding-bottom: 30px;
}

.au-pic-wrapper
{
width: 96%;
height: auto;
padding: 0% 2%;
}

.au-pic-content
{
width: 100%;
height: auto;
}

.au-pic-images
{
width: 100%;
height: auto;
margin-top: 30px;
padding: 0;
margin-left: 0;
}

.au-global-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-global-content
{
width: 100%;
height: auto;
}

.au-global-points
{
width: 100%;
height: auto;
margin-top: 30px;
padding: 0;
margin-left: 0;
}

.au-global-points-box
{
width: 100%;
height: auto;
margin-top: 20px;
margin-right: 0px;
}

}

@media only screen and (min-width:801px) and (max-width: 1060px)
{
.au-banner
{
width: 96%;
height: auto;
padding: 2%;
}

.au-banner-left
{
float: left;
width: 40%;
height: auto;
}

.au-banner-left img
{
padding-top: 80px;
}

.au-banner-right
{
float: left;
width: 45%;
padding: 4% 7.5% 0% 7.5%;
height: auto;
}


.au-mission-ind-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-mis
{
float: left;
width: 40%;
height: auto;
}
.au-mis h2
{
line-height: 50px;
}

.au-ind
{
float: left;
width: 45%;
padding: 0% 7.5%;
height: auto;
margin-left: 0;
}

.au-ind h2
{
line-height: 50px;
}

.au-differentiators-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-differentiators-box
{
width: 23%;
height: auto;
margin-right: 2%;
}

.au-differentiators-box h3
{
font-size: 21px;
}

.au-pic
{
padding-top: 30px;
padding-bottom: 30px;
}

.au-pic-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-pic-content
{
float: left;
width: 40%;
height: auto;
}
.au-pic-content h2
{
line-height: 50px;
text-align: left;
}

.au-pic-images
{
float: left;
width: 50%;
padding: 0% 5%;
height: auto;
margin-left: 0;
}

.au-global-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.au-global-content
{
float: left;
width: 40%;
height: auto;
}
.au-global-content h2
{
line-height: 50px;
}

.au-global-points
{
float: left;
width: 45%;
padding: 0% 7.5%;
height: auto;
margin-left: 0;
}

.au-global-points h3
{
line-height: 50px;
}

}
/* About Us Page Responsive Css Code Ends Here */