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

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

#pagetitleinner {
  	padding:30px 20px;
}
}

@media (max-width: 768px) {

#topsectioninner {
   max-width:100%;
}

#topsectioninnerleft {
   max-width: 80%;
    float: none;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto 0;
}


#topsectioninnerright {
   max-width:100%;
   float:none;
   text-align:center;
   margin-top:0;
   padding-bottom:20px;
}
}
/* ========= 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) {



}


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

.homebottom ul {
    -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  list-style: none;
  margin:20px !important;
  font-size: 16px;
}



}
/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.testimonialswidget blockquote{
	font-family: 'Montserrat', sans-serif;
    text-align: center;
    width: 70%;
    margin: 20px auto 30px !important;
    font-size: 15px;
    line-height: 1.7;
}
#pagetitleinner h1 {
    color: #223350;
    font-size: 6vw;
    line-height: 1.2;
    font-weight: 700;
    text-shadow: #fff 2px 2px 0;
}
.entry-content h1, .comment-content h1 {
    font-size: 35px;
    color: #223350;
    font-weight: 800;
}
.entry-content h2, .comment-content h2 {
    font-size: 25px;
    color: #575756;
    font-weight: 500;
}
.entry-content h4, .comment-content h4 {
    font-size: 5vw;
}
.common ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 5px 0;
}

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



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

#pagetitleinner h1 {
    font-size: 6vw;
    line-height: 1.2;
}
.entry-content h4, .comment-content h4 {
    font-size: 5vw;
}


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