/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1100px) {

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

#breadholderinner {
  padding:6px 20px;
}

#titleholderinner {
  padding:25px 20px;
}

#access ul {
    font-size: 11px;
}



}

@media (max-width: 960px) {

.sliderspacer{
    display:none;
}



}

@media (max-width: 920px) {

#topsectioninnerleft {
    max-width:400px;
	padding:25px 0;
}



}

@media (max-width: 780px) {

#topsectioninnerleft {
    max-width:100%;
	float:none;
	text-align:center;
	padding:25px 0 0 0;
}

#topsectioninnerright {
    max-width:100%;
	float:none;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
}



}
/* ========= 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 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {





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

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

body.page-template-sidebar-page #primary {
    float: none;
    margin: 0 0 0 0;
    width: 100%;
}
.tax-services #primary, .single-suppliers #primary {
    margin: 0 0 30px 0 !important;
}
.tax-services #content, .single-suppliers #content {
    margin: 0 0px 0px 0 !important;
    width: 100% !important;
}
#titleholderinner h1 {
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'Merriweather', serif;
}
a.supplierlink {
    background: #a62545;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
#supplementary #first {
    width: 100% !important;
    margin-right: 0 !important;
}
#supplementary #second {
    width: 100% !important;
}
}


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

body.page-template-sidebar-page #primary {
    float: none;
    margin: 0 0 0 0;
    width: 100%;
}
.tax-services #primary, .single-suppliers #primary {
    margin: 0 0 30px 0 !important;
}
.tax-services #content, .single-suppliers #content {
    margin: 0 0px 0px 0 !important;
    width: 100% !important;
}
#titleholderinner h1 {
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'Merriweather', serif;
}
a.supplierlink {
    background: #a62545;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
#supplementary #first {
    width: 100% !important;
    margin-right: 0 !important;
}
#supplementary #second {
    width: 100% !important;
}
}
/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body.page-template-sidebar-page #primary {
    float: none;
    margin: 0 0 0 0;
    width: 100%;
}
.tax-services #primary, .single-suppliers #primary {
    margin: 0 0 30px 0 !important;
}
.tax-services #content, .single-suppliers #content {
    margin: 0 0px 0px 0 !important;
    width: 100% !important;
}
#titleholderinner h1 {
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'Merriweather', serif;
}
a.supplierlink {
    background: #a62545;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
#supplementary #first {
    width: 100% !important;
    margin-right: 0 !important;
}
#supplementary #second {
    width: 100% !important;
}

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



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {
body.page-template-sidebar-page #primary {
    float: none;
    margin: 0 0 0 0;
    width: 100%;
}
.tax-services #primary, .single-suppliers #primary {
    margin: 0 0 30px 0 !important;
}
.tax-services #content, .single-suppliers #content {
    margin: 0 0px 0px 0 !important;
    width: 100% !important;
}
#titleholderinner h1 {
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'Merriweather', serif;
}
a.supplierlink {
    background: #a62545;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
#supplementary #first {
    width: 100% !important;
    margin-right: 0 !important;
}
#supplementary #second {
    width: 100% !important;
}

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