@media screen and (min-width: 1366px) and (max-width:1420px) {
	
.wrapper {margin:0 auto;}

.sliderplate img {height: 100%;}		
	

	
}

@media screen and (min-width: 1281px) and (max-width: 1365px) {
	
.wrapper {margin:0 auto;}
.sliderplate img {min-height: 400px;}	

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
.wrapper {margin:0 auto;}
.container {width:90%; margin:0 auto;}
.getquote {width: 30%;}
.getquotebtn{width: 216px;}
.contactleft {width: 38%;margin-left: 0%;}	
.desknav ul li a {padding: 8px 10px;font-size: 20px;line-height: 23px;}	
.sliderplate .sliderinfowrap h1 {font-size: 35px; line-height: 35px;}
.sliderplate .sliderinfowrap h2 {font-size: 35px;line-height: 44px;}
.titlebanner h4 {font-size: 30px; line-height: 35px;}
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow{ width: 60px; height: 60px; background-size: 100% auto;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow { margin-top: -110px;}	
.bottomsliderinfo .left{width: 46%;}
.bottomsliderinfo .left img {width: 100%; height: auto;}
.bottomsliderinfo .right {width: 52%; margin-right: 0px;}
.whoweserve .left{padding-right: 40%; width:60%;}	
.whoweserve > .left h3 em {font-size: 80px; line-height: 90px;}	
.whoweserve > .left h3 i {font-size: 40px; line-height: 45px;}	
ul.whoweservetab {width: 100%;}	
.tab-h-content h3 {font-size: 50px; line-height: 54px;}	
.information {width: 100%; margin-left: -515px; left: 50%;}	
.information h3 {font-size: 70px; line-height: 74px;}
.portajohn .left {width: 57%;}	
.portajohn .right {width: 28%;}	
.articleimage {width: 100%;}
.articleimage img {width: 100%; height: auto;}
.portajohn .left h2 {font-size: 58px; margin: 0 4% 8px;}	
.portajohn .left h4 {font-size: 25px; line-height: 30px;}
.whatourccsay h3 {font-size: 50px; line-height: 56px;}	
.whtourcsay p {font-size: 18px; line-height: 22px;}
.whtourcsay footer {font-size: 30px;}
.getquotec .left {width: 30%;  padding: 16px 2%;}
.getquotec .left address p {font-size: 20px;}
.telnumber {font-size: 26px;}
.socialgroup ul li:nth-child(1), .socialgroup ul li:nth-child(2), .socialgroup ul li:nth-child(3) {width: 72px; height: 72px; background-size:100%;}	
.getquotec .right {width: 58.8%;}	
.getquotec .right h4 {font-size: 42px; line-height: 48px;}	
.getquotec .right h4::after, .getquotec .right h4::before {width: 30%;}	
.form_wp img {width: 100%; height: auto; display: block;}
.footerlogo {width:30%; padding-left: 2%; padding-right: 2%;}
.rights {width: 32%;}
.rights p {padding: 30px 8% 0 6%;}	
.madeby{width: 30%;}
.madeby ul li {margin-right: 4%;}	
.bottomsliderinfo .right p {font-size: 18px;}	

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size: 14px!important;}	
.gform_wrapper textarea.large {font-size: 14px!important;}	
.gform_wrapper:not(.gf_browser_gecko):not(.gf_browser_ie):not(.ginput_container_multiselect) select {font-size: 14px!important; color:#a5a5a5;}	
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 200px; height: 60px; line-height: 54px; font-size: 32px;}	
.whatourccsay button.slick-next.slick-arrow{ right: -56px;}	
.whatourccsay button.slick-prev.slick-arrow{left: -56px;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow {top: 38%;  background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow:hover, .topbanner button.slick-next.slick-arrow:hover {top: 38%;}
.topbanner button.slick-prev.slick-arrow:hover{ background: url(../images/slider_prevarw.png)no-repeat 0 -79px; background-size: 100%;}
.topbanner button.slick-next.slick-arrow:hover { background: url(../images/slider_nextarw.png)no-repeat 0 -79px;  background-size: 100%;}	
.sliderplate .sliderinfowrap { top: 42%;}	
	
article.page_cont h1 {font-size: 40px;}	
	
.socialgroup ul li:nth-child(1):hover{display: block; background: url('../images/icon_fbsprite.png') no-repeat 0 -74px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: block; background: url('../images/icon_gplussprite.png') no-repeat 0 -74px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: block; background: url('../images/icon_emailsprite.png') no-repeat 0 -74px;  background-size: 100% auto;}	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.wrapper {margin:0 auto;}
.container {width:90%; margin:0 auto;}
.getquote {width: 30%;}
.getquotebtn{width: 216px; margin-left: 0px;}
.contactleft {width: 50%;}	
.desknav ul li a {padding: 8px 10px;font-size: 20px;line-height: 23px;}	
.sliderplate .sliderinfowrap h1 {font-size: 35px; line-height: 35px;}
.sliderplate .sliderinfowrap h2 {font-size: 35px;line-height: 44px;}
.titlebanner h4 {font-size: 30px; line-height: 35px;}
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow{ width: 60px; height: 60px; background-size: 100% auto;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow { margin-top: -110px;}	
.bottomsliderinfo .left{width: 46%;}
.bottomsliderinfo .left img {width: 100%; height: auto;}
.bottomsliderinfo .right {width: 52%; margin-right: 0px;}
.whoweserve .left{padding-right: 0%; width:100%;}	
.whoweserve > .left h3 em {font-size: 80px; line-height: 90px;}	
.whoweserve > .left h3 i {font-size: 40px; line-height: 45px;}	
ul.whoweservetab {width: 100%;}	
.tab-h-content h3 {font-size:35px; line-height: 35px;}	
.information {width: 100%; margin-left: -385px; left: 50%;}	
.information h3 {font-size:52px; line-height: 74px;}
.information p { padding: 0 10%; font-size: 20px; line-height: 28px;}	
.portajohn .left {width: 57%;}	
.portajohn .right {width: 28%;}	
.articleimage {width: 100%;}
.articleimage img {width: 100%; height: auto;}
.portajohn .left h2 {font-size: 45px; line-height: 50px; margin: 0 4% 8px;}	
.portajohn .left h4 {font-size: 20px; line-height: 26px;}
.portajohn .left p {font-size: 16px; line-height: 22px;}	
.whatourccsay h3 {font-size: 42px; line-height: 48px;}	
.whtourcsay p {font-size: 18px; line-height: 22px;}
.whtourcsay footer {font-size: 30px;}
.getquotec .left {width: 96%;  padding: 16px 2%;}
.getquotec .left address p {font-size: 20px;}
.telnumber {font-size: 26px;}
.socialgroup ul li:nth-child(1), .socialgroup ul li:nth-child(2), .socialgroup ul li:nth-child(3) {width: 72px; height: 72px; background-size:100%;}	
.getquotec .right {width: 58.8%;}	
.getquotec .right h4 {font-size: 42px; line-height: 48px;}	
.getquotec .right h4::after, .getquotec .right h4::before {width: 30%;}	
.form_wp img {width: 100%; height: auto; display: block;}
.footerlogo {width:30%; padding-left: 2%; padding-right: 2%;}
.rights {width: 32%;}
footer .rights {width: 62%;}	
.rights p {padding: 10px 8% 15px 6%;}	
.madeby{width: 66%;}
.madeby ul li {margin-right: 4%;}
.bottomsliderinfo .left img {margin-top: 0;}
.infodiv {width: 92%; padding: 0 4%;}
ul.whoweservetab li .tab-h-content {width: 100%;}	
ul.whoweservetab li.active .tab-h-content, ul.whoweservetab li .tab-h-content {left: 0px;  bottom: 0px; top: auto;}	
.whoweserve .left {padding-bottom: 270px;}	
.infodiv p {background: none;}	
.whtourcsay {width: 90%; margin: 0 5%;}	
.whatourccsay button.slick-next.slick-arrow {right: -50px;}	
.whatourccsay button.slick-prev.slick-arrow{left: -50px;}
.getquotec .left address {display: block;}	
.telnumber { font-size: 26px; display: block;  width: 100%;}
.getquotec .right {width: 90%; padding: 0 5%;}	
.contactleft {margin-left: 0px;}	
.socialgroup ul li {margin-right: 8%;}	
.socialgroup {width: 267px;}
.sliderplate .sliderinfowrap {width: 100%;}	
.sliderplate .sliderinfowrap {left: 50%; margin-left: -50%;}
.sliderplate .sliderinfowrap {margin-left: -50%; top:50%; padding: 12px 0 4px 0;}
.sliderplate {box-sizing: border-box; height:350px;}	
	
.whoweserve .left > h3 {margin-left: 0px; width: 84%; margin-left: 0px; text-align: center;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow {top: 38%;  background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow:hover, .topbanner button.slick-next.slick-arrow:hover {top: 38%;}
.topbanner button.slick-prev.slick-arrow:hover{ background: url(../images/slider_prevarw.png)no-repeat 0 -79px; background-size: 100%;}
.topbanner button.slick-next.slick-arrow:hover { background: url(../images/slider_nextarw.png)no-repeat 0 -79px;  background-size: 100%;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size: 14px!important;}	
.gform_wrapper textarea.large {font-size: 14px!important;}	
.gform_wrapper:not(.gf_browser_gecko):not(.gf_browser_ie):not(.ginput_container_multiselect) select {font-size: 14px!important; color:#a5a5a5;}	
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 200px; height: 60px; line-height: 54px; font-size: 32px;}

article.page_cont h1 {font-size: 35px;}	
.whatourccsay button.slick-prev.slick-arrow:hover {left: -50px;}
.whatourccsay button.slick-next.slick-arrow:hover {right: -50px;}	

/*--mobilemenu--*/
.mobilemenu {display: block; width: 100%;}
#showRightPush {display: block;}	
header .logo {display: none;}
.navwrap {display: none;}
.mobilemenu .mobilemenu {display: block;}	
.mobilemenu .logo {width: 90%; padding: 1em 0; float: none;}
.cbp-spmenu-vertical a {font-size: 23px; line-height: 23px;color: #fff; padding: 8px 17px; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', sans-serif;}	

/*--changes in code --*/

.contactleft {width: 30%; float: left;}	
.contactleft h4 {font-size: 22px; line-height: 26px;}	
.contactleft h5 {font-size: 24px; line-height: 40px;}	
header .logo {display: block; width: 33%;}
.getquote {margin-right: 3%;}	
.getquotebtn {width: 100%;}	
.getquotebtn em {font-size: 26px;}	
#showRightPush {top: 50%; margin-top: -22px;}	
.mlogo {display: none;}		
	
/*--new mobilemenu --*/
.mobilemenuwrap {width: 100%; position: relative; display: block;}	
#showRightPush {display: block;}		
.topheaderwrap > button.active	{right: 0;}
 button.active	{right: 0!important;}
.socialgroup ul li:nth-child(1):hover{display: block; background: url('../images/icon_fbsprite.png') no-repeat 0 -74px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: block; background: url('../images/icon_gplussprite.png') no-repeat 0 -74px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: block; background: url('../images/icon_emailsprite.png') no-repeat 0 -74px;  background-size: 100% auto;}
	
	
}	




@media screen and (max-width: 767px) {
.wrapper {margin:0 auto;}
.container {width:90%; margin:0 auto;}
.getquote {width: 30%;}
.getquotebtn{width: 216px;}
.contactleft {width: 50%;}	
.desknav ul li a {padding: 8px 10px;font-size: 20px;line-height: 23px;}	
.sliderplate .sliderinfowrap h1 {font-size: 35px; line-height: 35px;}
.sliderplate .sliderinfowrap h2 {font-size: 35px;line-height: 44px;}
.titlebanner h4 {font-size: 25px; line-height: 35px;}
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow{ width: 40px; height: 40px; background-size: 100% auto;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow { margin-top: -75px;}	
.bottomsliderinfo .left{width: 46%;}
.bottomsliderinfo .left img {width: 100%; height: auto;}
.bottomsliderinfo .right {width: 46%; margin-right: 0px;}
.whoweserve .left{padding-right: 0%; width:100%;}	
.whoweserve > .left h3 em {font-size: 52px; line-height:60px;}	
.whoweserve > .left h3 i {font-size: 35px; line-height: 45px;}	
ul.whoweservetab {width: 100%;}	
.tab-h-content h3 {font-size:35px; line-height: 35px;}	
.information {width: 100%; margin-left: -310px; left: 50%;}	
.information h3 {font-size:52px; line-height: 74px;}
.information p { padding: 0 10%; font-size: 20px; line-height: 28px;}	
.portajohn .left {width: 57%;}	
.portajohn .right {width: 28%;}	
.articleimage {width: 100%;}
.articleimage img {width: 100%; height: auto;}
.portajohn .left h2 {font-size: 45px; line-height: 50px; margin: 0 4% 8px;}	
.portajohn .left h4 {font-size: 20px; line-height: 26px;}
.portajohn .left p {font-size: 16px; line-height: 22px;}	
.whatourccsay h3 {font-size: 42px; line-height: 48px;}	
.whtourcsay p {font-size: 18px; line-height: 22px;}
.whtourcsay footer {font-size: 30px;}
.getquotec .left {width: 96%;  padding: 16px 2%;}
.getquotec .left address p {font-size: 20px;}
.telnumber {font-size: 26px;}
.socialgroup ul li:nth-child(1), .socialgroup ul li:nth-child(2), .socialgroup ul li:nth-child(3) {width: 72px; height: 72px; background-size:100%;}	
.getquotec .right {width: 58.8%;}	
.getquotec .right h4 {font-size: 42px; line-height: 48px;}	
.getquotec .right h4::after, .getquotec .right h4::before {width: 30%;}	
.form_wp img {width: 100%; height: auto; display: block;}
.footerlogo {width:30%; padding-left: 2%; padding-right: 2%;}
.rights {width: 32%;}
footer .rights {width: 62%;}	
.rights p {padding: 10px 8% 15px 6%;}	
.madeby{width: 66%;}
.madeby ul li {margin-right: 4%;}
.bottomsliderinfo .left img {margin-top: 0;}
.infodiv {width: 92%; padding: 0 4%;}
ul.whoweservetab li .tab-h-content {width: 100%;}	
ul.whoweservetab li.active .tab-h-content, ul.whoweservetab li .tab-h-content {left: 0px;  bottom: 0px; top: auto;}	
.whoweserve .left {padding-bottom: 270px;}	
.infodiv p {background: none;}	
.whtourcsay {width: 90%; margin: 0 5%;}	
.whatourccsay button.slick-next.slick-arrow {right: -50px;}	
.whatourccsay button.slick-prev.slick-arrow{left: -50px;}
.getquotec .left address {display: block;}	
.telnumber { font-size: 26px; display: block;  width: 100%;}
.getquotec .right {width: 90%; padding: 0 5%;}	
.contactleft h5 {font-size: 26px; line-height: 32px;}
.getquotebtn b {font-size: 32px; line-height: 36px;}	
.bottomsliderinfo .right p {font-size: 20px; line-height: 26px;}
.bottomsliderinfo .right p em {font-size: 42px; line-height: 48px;}	
a.animated-button.sandy-three {line-height: 35px; height: 35px; font-size: 18px;}	
.tab1hover a, .tab1hover a:hover, .tab2hover a, .tab2hover a:hover, .tab3hover a, .tab3hover a:hover, .tab4hover a, .tab4hover a:hover, .tab5hover a, .tab5hover a:hover, .tab6hover a, .tab6hover a:hover, .tab7hover a, .tab7hover a:hover, .tab8hover a, .tab8hover a:hover  {width: 100px; height: 100px; background-size: 100%;}
.tab1hover a:hover,	.tab2hover a:hover, .tab3hover a:hover, .tab4hover a:hover, .tab5hover a:hover, .tab6hover a:hover, .tab1hover a:hover, .tab8hover a:hover {background-position:  0px -116px;}
ul.whoweservetab li.active a {background-position:  0px -116px;}	
ul.whoweservetab li {width: 104px; margin: 0 20px 28px;}	
.whatourccsaywrap {background-size: cover;}	
ul.whoweservetab li span {font-size: 20px; line-height: 24px; padding-top: 10px;}	
.home-animation .van {height: auto;}	
.home-animation .van > div { width: 360px; height: auto;}	
.home-animation .van > div img {width: 100%; height: auto;}	
.home-animation .van > div:before{ top: 77px; left: 58px; width: 60px; height: 60px;}
.home-animation .van > div:after{ top: 77px;  left: 304px;  width: 60px; height: 60px;}	
.home-animation .van > div img { width: 100%; height: auto;}
.home-animation {height: 400px;}
	
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size: 14px!important;}	
.gform_wrapper textarea.large {font-size: 14px!important;}	
.gform_wrapper:not(.gf_browser_gecko):not(.gf_browser_ie):not(.ginput_container_multiselect) select {font-size: 14px!important; color:#a5a5a5;}	
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 200px; height: 60px; line-height: 54px; font-size: 32px;}

.whoweserve .whoweservetab {margin-left: 0px;}
.contactleft {margin-left: 0;}	
.telnumber{width: 90%;}	
.portajohn .left h4 {margin-left: 0px;}
.sliderplate .sliderinfowrap {width: 100%;}	
.sliderplate .sliderinfowrap {left: 50%; margin-left: -50%;}
.sliderplate .sliderinfowrap {margin-left: -50%; top:50%; padding: 12px 0 4px 0;}
.sliderplate {box-sizing: border-box; height: 350px;}	
	
.whoweserve .left > h3 {margin-left: 0px;}	
.whoweserve .left > h3 {margin-left: 0px; width: 84%; margin-left: 0px; text-align: center;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow {top: 38%;}	
article.page_cont > h1 {font-size: 22px;}		
	
/*--mobilemenu--*/
.mobilemenu {display: block; width: 100%;}
#showRightPush {display: block;}	
header .logo {display: none;}
.navwrap {display: none;}
.mobilemenu .mobilemenu {display: block;}	
.mobilemenu .logo {width: 90%; padding: 1em 0; float: none;}
.cbp-spmenu-vertical a {font-size: 23px; line-height: 23px;color: #fff; padding: 8px 17px; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', sans-serif;}	

.topbanner button.slick-prev.slick-arrow {left: 15%; background-size: 100%; }
.topbanner button.slick-next.slick-arrow {right: 15%; background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow, .topbanner button.slick-prev.slick-arrow:hover, .topbanner button.slick-next.slick-arrow:hover { width: 40px; height: 40px;     }	
.topbanner button.slick-prev.slick-arrow:hover {background-size: 100%; background: url(../images/slider_prevarw.png)no-repeat; background-position: 0 -52px;     background-size: 100%;}	
.topbanner button.slick-next.slick-arrow:hover{background: url(../images/slider_nextarw.png)no-repeat; background-position: 0 -52px;     background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow{top: 18%;margin-top: 0px;}		
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {bottom: 0px;}
	
.whatourccsay button.slick-prev.slick-arrow:hover {left: -50px;}
.whatourccsay button.slick-next.slick-arrow:hover {right: -50px;}	
	
.home-animation .van {bottom: 3em;}	
.home-animation .van > div:before {
    top: 85px;
    left: 24px;
    width: 60px;
    height: 60px;
}
.home-animation .van > div:after {
       top: 84px;
    left: 291px;
    width: 60px;
    height: 60px;
}
	
	
	
/*--changes in code --*/

.contactleft {width: 30%; float: left;}	
.contactleft h4 {font-size:15px; line-height: 20px;}	
.contactleft h5 { font-size: 17px; line-height: 27px;}
header .logo {display: block; width: 33%;}
.getquote {margin-right: 3%;}	
.getquotebtn {width: 100%; margin-left: 0;}	
.getquotebtn em {font-size: 26px;}	
#showRightPush {top: 50%; margin-top: -22px;  right: 15px;}	
.mlogo {display: none;}		

.getquotebtn b {font-size: 23px; line-height: 30px;}
.getquotebtn em {font-size: 20px;}	
	
	
/*--new mobilemenu --*/
.mobilemenuwrap {width: 100%; position: relative; display: block;}	
#showRightPush {display: block;}
#showRightPush {width: 55px; height: 45px;}	
#showRightPush .bar {width: 30px; height: 6px;}	
.bar::before {top: 1px;}	
 button.active	{right: 0!important;}
.socialgroup ul li:nth-child(1):hover,.socialgroup ul li:nth-child(2):hover, .socialgroup ul li:nth-child(3):hover	{background-size: 100% auto; background: url(images/icon_gplussprite.png) no-repeat 0 -74px;}
	
.socialgroup ul li:nth-child(1):hover{display: block; background: url('../images/icon_fbsprite.png') no-repeat 0 -74px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: block; background: url('../images/icon_gplussprite.png') no-repeat 0 -74px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: block; background: url('../images/icon_emailsprite.png') no-repeat 0 -74px;  background-size: 100% auto;}	

}

@media screen and (max-width: 639px) {
	
ul.whoweservetab li {margin: 0 15px 28px;}	
.information{ margin-left: -300px;}
.portajohn .left {width: 100%;}	
.portajohn .right {float: left;}
.flogo {width: 250px;}
.getquotec .left address{background-size: 25px;}	
.telnumber {margin-bottom: 20px; background-size: 25px;}
.socialgroup ul li:nth-child(1), .socialgroup ul li:nth-child(2), .socialgroup ul li:nth-child(3) {width: 50px; height: 50px;}	
.portajohn .left p {margin-left: 0px;}
.whoweserve > .left > h3 {padding-left: 8%; padding-right: 8%; display: inline-block;}
.sliderplate .sliderinfowrap {left: 50%; margin-left: -50%;}
.sliderplate .sliderinfowrap {margin-left: -50%; top:50%; padding: 12px 0 4px 0;}
.sliderplate {box-sizing: border-box; height: 350px;}	

	
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size: 14px!important;}	
.gform_wrapper textarea.large {font-size: 14px!important;}	
.gform_wrapper:not(.gf_browser_gecko):not(.gf_browser_ie):not(.ginput_container_multiselect) select {font-size: 14px!important; color:#a5a5a5;}	
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 200px; height: 60px; line-height: 54px; font-size: 32px; position: relative; bottom: 5px;}		
article.page_cont > h1 {font-size: 30px;}
.titlebanner h4 {text-align: center; font-size: 22px; padding: 12px 0 4px 0;}		
.titlebanner {text-align: center;}	
.gform_wrapper .gform_footer {margin: 15px 0 0!important;}	

/*--new code added --*/	
.getquotebtn b {font-size: 23px; line-height: 30px;}
.getquotebtn em {font-size: 20px;}	
	
.socialgroup ul li:nth-child(1):hover{display: block; background: url('../images/icon_fbsprite.png') no-repeat 0 -52px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: block; background: url('../images/icon_gplussprite.png') no-repeat 0 -52px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: block; background: url('../images/icon_emailsprite.png') no-repeat 0 -52px;  background-size: 100% auto;}	
	
}


@media screen and  (max-width: 599px) {
.wrapper {margin:0 auto;}
.container {width:90%; margin:0 auto;}	
.bottomsliderinfo .right p {font-size: 15px;}
a.animated-button.sandy-three {width: 160px;}	
.whoweserve .left {padding-bottom: 300px;}	
.information {margin-left: -242px;}	
.information h3 {font-size: 42px; line-height: 74px;}
.information p {font-size: 18px; line-height: 24px;}
.home-animation .van {height: auto;}	
.home-animation .van > div {width: 300px; height: auto;}	
.home-animation .van > div img {width: 100%; height: auto;}	
.home-animation .van > div:before{ top: 60px; left: 45px; width: 40px; height: 40px;}
.home-animation .van > div:after{ top: 60px;  left: 233px;  width: 40px; height: 40px;}	
.home-animation .van > div img { width: 100%; height: auto;}
.home-animation {height: 400px;}	
.getquote, .getquotebtn {width: 186px;}	
.getquotebtn em {font-size: 26px; line-height: 36px;}	
.getquotebtn b { font-size: 30px;line-height: 36px;}
.contactleft h4 {font-size: 25px;}
.contactleft h5 {font-size: 22px;}
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 160px; height: 40px; line-height: 36px; font-size: 25px; position: relative; bottom: 5px;}		
.whatourccsay button.slick-next.slick-arrow {right: -24px;}
.whatourccsay button.slick-prev.slick-arrow {left: -24px;}	
.telnumber {width: 76%;}
.whatourccsay h3 { font-size: 36px;line-height: 48px;}	
.footerlogo {width: 100%; float: left;}	
footer .rights {width: 100%; float: left; margin-top: 25px;}
.footerlogo ul li img {width: auto;}	
.madeby { width: 70%;}	
.portajohn .left h2, .portajohn .left h4 {text-align: center;}
.portajohn .left p{margin-left: 0;}
.whoweserve > .left h3 em {font-size: 44px;}	
.whoweserve > .left h3 i {font-size: 26px;}	
.getquotec .right h4::after, .getquotec .right h4::before {width:24%;}
.sliderplate .sliderinfowrap {margin-left: -50%; top:50%; padding: 12px 0 4px 0;}
.sliderplate {box-sizing: border-box; height: 350px;}	

.portajohn .left {width: 90%; margin: 0 auto; float: none;}	
.portajohn .right {width: 60%; margin: 0 auto; float: none;}
.flogo {float: none; width: 100%;}
.flogo img {width: 60%; margin: 0 auto 15px;}	
.getquotec .left address,.telnumber {width: 75%; margin: 0 auto; float: none; padding-left: 10%;}	
.getquotec .left address p {font-size: 18px; line-height: 24px; margin-bottom: 10px;}	
.socialgroup {width: 50%; margin: 0 auto; text-align: center; float: none;}
.socialgroup ul {margin: 0 auto;}	
.socialgroup ul li {margin-right: 5%;}	
.gform_wrapper .top_label .gfield_error .ginput_container > div {width:100%!important;}	
.gform_wrapper .gfield_error .ginput_container {padding-right: 0px!important;}	
.gform_wrapper .gfield_error .ginput_container	.rc-anchor-normal .rc-anchor-content {width: 168px!important;}
.gform_wrapper li.gfield.gfield_error {padding-bottom: 0px!important;padding-top: 0!important;}	
.rc-anchor-content {width: 190px!important;}
.rc-anchor.rc-anchor-normal.rc-anchor-light {width: 257px!important;}
.whoweserve > .left > h3 em {margin-left: 0px; line-height: 28px; letter-spacing: 1px; text-align: center;}	
.whoweserve > .left > h3 i { letter-spacing: 1px; }
.whoweserve > .left > h3 {width: 84%; text-align: center;}	
.whoweserve > .left > h3::after {right: 0;}
.topbanner button.slick-prev.slick-arrow {left: 15%; background-size: 100%; }
.topbanner button.slick-next.slick-arrow {right: 15%; background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow, .topbanner button.slick-prev.slick-arrow:hover, .topbanner button.slick-next.slick-arrow:hover { width: 40px; height: 40px;     }	
.topbanner button.slick-prev.slick-arrow:hover {background: url(../images/slider_prevarw.png)no-repeat; background-position: 0 -52px;  background-size: 100%;}	
.topbanner button.slick-next.slick-arrow:hover{background: url(../images/slider_nextarw.png)no-repeat; background-position: 0 -52px;  background-size: 100%;}	
article.page_cont > h1 {font-size: 26px;}	
.titlebanner h4 {text-align: center; font-size: 18px; padding: 12px 0 4px 0;}		
.titlebanner {text-align: center;}	
.gform_wrapper .gform_footer {margin: 15px 0 0!important;}	
.home-animation .van > div:before {
    top: 70px;
    left: 19px;
    width: 50px;
    height: 50px;
}
.home-animation .van > div:after {
    top: 70px;
    left: 244px;
    width: 50px;
    height: 50px;
}	
	
.socialgroup ul {text-align: center;}	
.socialgroup ul li:nth-child(1), .socialgroup ul li:nth-child(2), .socialgroup ul li:nth-child(3) {  float: none; display: inline-block;}	
.mlogo {display: block;}	
header > .logo{display: none;}	
.mlogo{display: block; width: 100%;}	
.mlogo > .logo {display: block; width: 60%; margin: 0 auto 10px; float: none;}	
#showRightPush {top:20%; right: 15px;}
.contactleft {width: 50%;float: right;}	
.whoweserve .whoweservetab {   width: 80%; margin: 0 10%;}	
ul.whoweservetab li {margin: 0 4% 28px 0; width: 47%; float: none;}	
ul.whoweservetab li:nth-child(2n) {margin: 0 0 28px 0;}	
ul.whoweservetab li.active a {margin: 0 auto;}
.whoweserve > .left > h3 {margin-bottom: 15px;}
ul.whoweservetab li.last { margin: 0 0 28px 0!important;}	
	
.socialgroup ul li:nth-child(1):hover{display: inline-block; background: url('../images/icon_fbsprite.png') no-repeat 0 -52px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: inline-block; background: url('../images/icon_gplussprite.png') no-repeat 0 -52px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: inline-block; background: url('../images/icon_emailsprite.png') no-repeat 0 -52px;  background-size: 100% auto;}		
}
	
	

 @media only screen and (max-width: 479px) {
.wrapper {margin:0 auto;}
.container {width:90%; margin:0 auto;}	
#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1 {width: 160px; height: 40px; line-height: 36px; font-size: 25px; position: relative; bottom: 5px; margin: 0 auto; float: none;} 
body .gform_wrapper .top_label div.ginput_container iframe {width: 100%!important; height:78px;}
.getquotec .right h4::after, .getquotec .right h4::before {width: 16%;}	 
.portajohn .left h2 {font-size:30px; }
.contactleft {margin: 0 auto; width: 100%;}	 
.portajohn .left p {text-align: center;}	
.portajohn .right {width: 100%; margin: 0; text-align: center;}	
.portajohn .right img {width: 60%; margin: 0 auto;}	 
.information {left: 50%; margin-left: -50%;}
.whoweserve .left {padding-bottom: 400px;}	 
.whoweserve > .left > h3 {text-align: center; margin-bottom: 15px;}	
.whoweserve > .left h3 em {font-size: 44px; text-align: center; display: block;}
.whoweserve > .left h3 i {font-size: 25px; text-align: center; display: block;}	 
.bottomsliderinfo .left {width: 100%;}	
.bottomsliderinfo .right {width: 100%;}	 
.titlebanner h4 {text-align: center; font-size: 18px;}	
.whtourcsay p {font-size: 16px; line-height: 22px;}	 
.getquotec .left address p {font-size: 20px; line-height: 24px;}	
.getquotec .left address, .telnumber{padding-left: 15%;} 
	 .footerlogo ul li:nth-child(1) {width: 100%; text-align: center; margin: 0 0 10px;}	 
	 .footerlogo ul li:nth-child(2){width: 100%;  text-align: center; margin: 0 0 10px;}
	 .footerlogo ul li{margin:0 auto;}
	 .madeby {width: 100%;}
	 .madeby ul li {font-size: 14px;}
	 .information h3 {font-size: 38px; line-height: 74px;}
	.getquote, .getquotebtn{margin: 0 auto; float: none;}
	 .getquotebtn {margin-bottom: 15px;}
	 .footerlogo ul li a{margin: 0 auto;  display: inline-block;}
	 .rights p {text-align: center; font-size: 13px;}
	 .gform_footer.top_label {text-align: center;}
	 .getquotec .right h4 {font-size: 32px;}
	 .socialgroup {float: none; margin: 0 auto; text-align: center; width: 64%;}
	 .socialgroup ul {margin: 0 auto; width: 100%;}
	 .socialgroup ul li {margin-right: 5%;}
	 .getquotec .left address p { margin-bottom: 15px;    background-size: 23px;}
	 .telnumber{line-height: 30px; background-size: 23px; margin-bottom: 15px;}
	 .getquotec .left {text-align: center;}
	 .flogo {margin: 0 auto 25px; float: none;}
	 .getquotec .left address {float: none; margin: 0 auto;}
	 .bottomsliderinfo .right p {text-align: center;}
	 .bottomsliderinfo .right p em {text-align: center; display: block;}
	 .bottomsliderinfo a.animated-button.sandy-three {float: none; margin: 10px auto 25px;}
	 .sliderplate .sliderinfowrap h1 {font-size: 22px; line-height: 35px;}
	 .sliderplate .sliderinfowrap h2 {font-size: 19px; line-height: 19px;}
	 .topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow { margin-top: -45px;}
	 .topbanner button.slick-next.slick-arrow:hover, .topbanner button.slick-prev.slick-arrow:hover {width: 40px;height: 40px;}
	 .whoweserve > .left > h3 {text-align: center;  margin-bottom: 15px;  width: 90%; display: block; margin: 0 0; padding: 0 5%;}
	 .whoweserve > .left > h3::after {right: 0;}
	 .topbanner button.slick-prev.slick-arrow {left: 15%; background-size: 100%; }
.topbanner button.slick-next.slick-arrow {right: 15%; background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow, .topbanner button.slick-prev.slick-arrow:hover, .topbanner button.slick-next.slick-arrow:hover { width: 40px; height: 40px;     }	
.topbanner button.slick-prev.slick-arrow:hover {background-size: 100%; background: url(../images/slider_prevarw.png)no-repeat; background-position: 0 -52px;     background-size: 100%;}	
.topbanner button.slick-next.slick-arrow:hover{background: url(../images/slider_nextarw.png)no-repeat; background-position: 0 -52px;     background-size: 100%;}	
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow{top: 18%;margin-top: -25px;}
article.page_cont > h1 {font-size: 24px;}	 
 .titlebanner h4 {text-align: center; font-size: 15px; padding: 12px 0 4px 0;}	
.whatourccsay button.slick-prev.slick-arrow:hover {left: -24px;}
.whatourccsay button.slick-next.slick-arrow:hover {right: -24px;}	
 
.rights img {max-width:290px;}	 
}
@media screen and (max-height: 575px){
.rc-anchor-light {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.sliderplate{height: 250px;}	
}