/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1200px) {
	
	html, body {
  overflow-x:hidden 
} 


#topsectioninner, #mainheaderinner, #page, #supplementaryinner {
    padding:0 20px;
}

#topsectioninnerleft {
    width:50%;
}

#topsectioninnerright {
    width:50%;
}
.homewelcome h1 {
    line-height: 1.1;
    font-size: 40px !important;
    margin: 0 0 35px 0;
}
.homewelcome p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
}
.homewelcomeleft{
	padding: 3% 2% 3% 5%;
}
.singular #content::before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #fff;
}
.requestquote iframe{
	max-width: 80%;
}
}
@media (min-width: 1020px) and (max-width: 1140px) {
	.singular #greybackground::before{
	content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #f8f9fa;
}
.sidemenu h3.widget-title{
	padding: 20px 0 0 0;
}
}
@media (max-width: 1020px) {

#access ul {
	font-size: 14px;
}
#access a {
	padding: 0 8px;
}

.getquote a{
	padding-right:8px !important;
}
.requestquote iframe{
	max-width: 100%;
}
	.singular #greybackground::before{
	content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #f8f9fa;
}
.sidemenu h3.widget-title{
	padding: 20px 0 0 0;
}
}

@media (max-width: 800px) {

#topsection {
    background: none !important;
}

#topsectioninnerleft {
    width:100%;
	float:none;
	text-align:center;
	background:#A21301;
	border-top:1px solid #fff;
}

#topsectioninnerright {
    width:100%;
	float:none;
	text-align:center;
}

#topsectioninner {
    padding:0;
}

#mainheader {
	height:auto;
}

#mainheaderinnerleft {
    max-width:50%;
	float:none;
	text-align:center;
	margin: 0 auto;
}
.requestquote iframe{
	max-width: 100%;
}
	.singular #greybackground::before{
	content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #f8f9fa;
}
.sidemenu h3.widget-title{
	padding: 20px 0 0 0;
}
}
/* ========= end of Wide Screen Layout: From 1200px. ========= */


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {




}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 780px.
========================================================================== */
@media (min-width: 780px) and (max-width: 999px) {





}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {

.whychoosebespanel h1 {
    font-size: 25px !important;
    padding: 15px 0 20px 0 !important;
}

}


/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 799px) {

.homewelcomeleft{
	padding: 3%;
}
.homewelcome h1 {
    line-height: 1.1;
    font-size: 30px !important;
    margin: 0 0 35px 0;
}
.requestquote iframe{
	max-width: 100%;
}
	.singular #greybackground::before{
	content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #f8f9fa;
}
.sidemenu h3.widget-title{
	padding: 20px 0 0 0;
}
.whychoosebespanel h1 {
    font-size: 30px !important;
    padding: 15px 0 20px 0 !important;
}
.testimonials-widget-testimonials p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
}
}
/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {




}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {
.requestquote iframe{
	max-width: 100%;
}
	.singular #greybackground::before{
	content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -423%;
    z-index: -1;
    margin-right: -2px;
    width: 5000px;
    left: auto;
    background-color: #f8f9fa;
}
.whychoosebespanel h1 {
    font-size: 30px !important;
    padding: 15px 0 20px 0 !important;
}
.homewelcome h1 {
    line-height: 1.1;
    font-size: 30px !important;
    margin: 0 0 35px 0;
}
.testimonials-widget-testimonials p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
}

}
/* ========= end of small Mobile Layout ========= */