.sticky-frez-info {
  display: inline-block;
  position: fixed;
  width: 50px;
  height: 130px;
  display: none;
  right: 0;
  top:  36%;
  z-index: 999999;
}
.sticky-frez-info a{
  display: block;
  width: 40px;
  height: 40px;
  background: #3ab979;
  margin: 10px 0;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  position: relative;
}
.sticky-frez-info a.tel i{
  background: url(../images/sticky-call-icon.png) no-repeat center;
  display: block;
  width: 20px;
  height: 23px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: 100%;
}

@media only screen and (max-width:1280px) {
 .innerrighttwo {
display:block !important;
margin:20px 0 !important;
padding:0 !important;
width:100% !important;
}


 .offers ul li, .offers ul li:nth-child(3n) {
width:31%;
border:none;
margin:0 1%;
}
 .box1, .main3 {
 padding-bottom:15px
}
 .main3, .main4 {
 float:left
}
 .front, .main3, .right, .rightbox1 {
 height:auto
}
 .container {
	width: 100%;
    padding: 0 1%;
    box-sizing: border-box;
	}
 .menu {
 width:50%;
 margin-right:0
}
 .menu ul, .translated-rtl .menu ul {
 width:100%
}
 .translated-rtl .menu {
 width:52%;
 padding-top:17px
}
 .translated-rtl .menu ul li {
 display:inline-block;
 font-family:dosismedium;
 font-size:19px;
 margin-right:9px
}
 .menu ul li {
 margin-right:17px
}
 .midheader_text {
 width:6%;
 margin-left:15px
}
 .bottombox3 textarea {
 width:93%
}
 .bottombox2 input[type=text], .bottombox2 input[type=email], .bottombox2 input[type=tel] {
 width:100%;
}
 128.bottombox3 {
 width:25%
}
 .bottombtn {
 width:14%
}
 .bottombtn input[type=submit] {
 width:100%
}
 .bottombox2 {
 width:95%;
}
 .bottomheader {
 bottom:0;
 top:-145px
}
 .midheader_text {
 top:35%
}
 .left {
 width:40%;
}
 .right {
 width:55%;
}
 .box1 {
 width:88%;
 display:inline-block
}
 .main2 {
 background-size:25%
}
 .main3 p {
 width:91%
}
 .main3 ul {
 width:100%;
display:inline-block;
}
 .main3 {
 width:100%
}
 .main3 ul li {
 width:100%;
 float:none;
 margin:15px 0;
box-sizing:border-box;
}
 .main3 ul li:nth-child(2), .main3 ul li:nth-child(4) {
 width:100%;
margin:0;
float:none;
box-sizing:border-box;
}
 .main3 ul li:nth-child(2n) {
float:none;
margin:0;
box-sizing:border-box;
}
 .main3 ul li a {
 width:auto
}
 .main4 img {
 max-width:100%
}
 .footerlinks p {
 line-height:20px
}
 .top_header {
 width:100%
}
 .innerleft {
 width:20%
}
 .innerright {
 width:69%
}
 .offers {
 width:100%
}
 .offers ul li, .offers ul li:nth-child(3n) {
 width:30%
}
 .offerimg img {
 width:99%
}
 .offerimg, .offerimg:hover {
 width:100%
}
 .truckbox ul li, .truckbox ul li:nth-child(2n) {
 width:35%
}
 .truckinnerbox {
 width:97%
}
 .truckinnerbox img {
 width:99%
}
.main2 .left{ width: 40%; }
.main2 .left .video iframe{ width: 100%; }
.main2 .right{ width: 55%; }
.sec-1{ width: 420px; }

}
 @media only screen and (max-width:1220px) {
 	.banner img, .banner1{ position: relative;z-index: 999 ;}
 .innerrighttwo {
display:block;
margin:20px 0;
padding:0;
width:100%;
}
 .menu {
 width:52%
}
 .bottombox3 {
 width:24%
}
 .menu ul li {
 margin-right:8px
}
}
@media only screen and (max-width:1199px) {
 .innerrighttwo {
display:block;
margin:20px 0;
padding:0;
width:100%;
}
 .menu ul li a, .menu ul li a.active {
 padding:8px 6px
}
 .menu ul li {
 margin-right:3px
}
 .menu {
 width:43%
}
 .bottombox3 {
 width:92%;
 display: block;
}
 .menu ul li a {
 font-size:13px
}
 .bottombox2 input[type=text], .bottombox2 input[type=email], .bottombox2 input[type=tel] {
 width:44%
}
 .bottombtn {
 width:30%;
 float: left;
 margin-left: 2%;
}
 .midheader_text h1 {
 font-size:34px
}
 .midheader_text {
 top:30%;
 width:7%
}
 .midheader_text span {
 font-size:12px;
 margin-top:2px;
 line-height:25px
}
 .text p {
 font-size:14px
}
 .translated-rtl .menu {
 width:44%;
 text-align:right;
 padding-top:17px
}
 .translated-rtl .menu ul li { 
 margin-right:7px;
}
.sec-1{ width: 290px; }
.brand-section marquee{ height: 120px; }
 .banner1 img { height:250px}
 .sec-21, .sec-22{ width: 240px; }
 .sec-23{ width: 450px; }
 .sec-24{ width: 695px; }
 .main3 h1{ font-size: 33px; }
 .main3 p{ font-size: 27px; }

}
 @media only screen and (max-width:1139px) {
 	.logo{ width: 28%; }
 	.logo img{ max-width: 100%; }
 	.menu{ width: 40%;margin-left:35%}
 	#address .right ul li{ vertical-align: top; }
 	#address .right ul li .icon{ width: 65px; }
 	#address .right ul li .txt .title{ font-size: 19px; line-height: 20px; }
 	.sec-2{ width: 698px; }
 	.brand-logo li img{ width: 60% }
 	.brand-section marquee{ height: 100px; }
 }
 @media only screen and (max-width:1024px) {
 .innerrighttwo {
display:block !important;
margin:20px 0 !important;
padding:0 !important;
width:100% !important;
}
 .heading, .logo, .midheader {
 height:auto
}

 .heading {
 width:29%
}
 .midheader_text h1 {
 font-size:25px;
}
 .midheader_text span {
 font-size:14px
}
 .bottombox3 textarea {
 width:88%
}
}
 @media only screen and (max-width:990px) {
 .bottombox1 {
 width:209px
}
.brand-section marquee{ height: 90px; }
.panel-grid-overlay{ width: 100%; }
.panel-grid-media1, .panel-grid-overlay{ height: 270px; background-size: 100%; }
.sec-1 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.sec-2{ width: 100%; }
.menu {
 width:40%;
 padding: 25px 0
}
 .bottombox2 input[type=text], .bottombox2 input[type=email], .bottombox2 input[type=tel] {
 width:42%;
 font-size:12px
}
 .heading {
 width:35%;
 height:auto
}

 .translated-rtl .menu {
 width:46%;
 text-align:right;
 padding-top:17px
}
 .translated-rtl .menu ul li {
 margin-right:1px
}
 .logo img {
 width:100%;
 height:auto;
}
 .main1 h1:after, .main4 h2:after {
width:auto
}

.banner1 img { height:200px}
.sec-21, .sec-22{ width: 40%;}
.sec-23{ width: 60%;}
.sec-24{ width: 100%; }
.blog_lft .blog_tbl{ width:450px ;overflow-x:scroll;  }


}
 @media only screen and (max-width:979px) {
 	.menu{ width: 38%; }
 	.main2 .left {
    width: 51%;
    margin: 10px auto;
    display: block;
    float: none;
}
.main2 .right {
    width: 100%;
}
.main3 ul{ margin: 0 auto }
.main3 h1{ padding-bottom: 15px; font-size: 20px; padding-top: 20px; }
.main4 h2{ font-size: 30px; }
.brand-section{ padding-top: 15px !important }
.brand-section marquee{ height: initial; }
 }
 @media only screen and (max-width:880px) {

 .menu ul li {
 margin-right:-3px
}
 .menu ul li a {
 font-size:12px
}
 .bottombox1 {
 width:198px
}
 .bottombox1 h2 {
 margin-right:15px
}
 .main2 {
 background-size:25%;
 height:auto;
 display:inline-block;
 margin-top:0
}
 .bottombtn input[type=submit] {
 font-size:25px
}
 .offers ul li, .offers ul li:nth-child(3n) {
width:45%;
margin:0 2%;
box-sizing:border-box;
}
 .main3 p, .main3 ul li a {
 font-size:15px
}
 .translated-rtl .menu {
 width:48%
}
}
 @media only screen and (max-width:800px) {
 .menu {
 display:none
}
#responsive-menu-container li.responsive-menu-item{ text-align: left !important; font-family: 'proxima_novabold'}
#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link{ background-color: #01a451 !important}
#responsive-menu-search-box{display: none;}
button#responsive-menu-button{ width: 50px !important; height: 45px !important; top: 130px !important; right: 1% !important;}
.midheader::before{ width: 55%; border-top: 70px solid transparent; }
.logo{ width: 37%; }
 .bottombox3 {
 width:100%
}
 .bottombtn input[type=submit] {
 font-size:21px
}
 .bottombox2 {
 width:100%
}
 .bottombox1 img {
 margin-left:11px
}
.bottombtn {
 width:45%
}
 .midheader {
 height:auto
}
 .midheader_text {
 display:none
}
 .heading {
 width:57%;
 display:inline-block
}
 .main1 h1 {
 font-size:27px
}
 .main1 p {
 font-size:13px
}
.footerlinks p{ line-height: 15px; }
.footerlinks{ margin-top: 15px; }
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {text-transform:uppercase;}

}
 @media only screen and (max-width:768px) {
 .main3 ul li {
font-size:15px;
}
 .main1 h1 {
background:none;
}
 .bottombox1 {
 display:none
}

 .bottombox2 input[type=text], .bottombox2 input[type=email], .bottombox2 input[type=tel] {
 width:42%;
 margin-left:9px
}
.brand-section{ background-size: cover; }
 .main1 h1 {
 font-size:18px;
 background:url(../images/line.png) center 43px no-repeat
}
 .left, .right {
 display:block;
 height:auto;
 margin:0 auto;
 text-align:left;
 width:48%
}
 .righttext {
margin:0;
}
 .main2 {
 background:0 0
}
 .box1 {
 width:100%;
 height:154px;
 padding-bottom:21px;
 text-align:left
}
 .icon {
 left:-46px;
display:none;
}
 .text {
 margin-left:0;
float:none;
 margin-right:0
}
 .bottomheader {
 position:static;
 margin-top:15px;
 top:0
}
 .innerleft {
 width:33%
}
 .innerright {
 width:59%
}
.brand-logo li img {width:100%;}
.brand-logo {margin:0;}
}
 @media only screen and (max-width:736px) {
 .truckbox ul li, .truckbox ul li:nth-child(2n) {
 width:44%
}
.midheader::before{ width: 48% }
 .logo {
 width:43%;
}
.left, .right, .bottombox3, .main3 p{ width: 100% }

.bottombtn input[type="submit"] {
    height: auto;
    padding: 7px 20px;
    display: block;
    float: left;
    margin: 30px 15px 10px;
}
.ryt-form{ width: 100%; }
.contact_tpl_content .left{ width: 99%; }
.contact_tpl_content .right{ width: 100%; padding: 30px 0 0 }
.blog_lft{ width: 100%; margin-right: 0 }
.blog_rgt{ width: 100% }
.single_sidebar .media-left{ width: 30% }
.single_sidebar .media-body{ width: 66% }
.blog_img img, .single_sidebar .media-left img{ height: auto; }
.blogimg_container{ width: 100% }
.blog_content_right{ width: 100%; margin-left: 0 }
#hs-rsp-popup-bg{ overflow-y: scroll !important; }
.home-quote-fast{ width: 100% }
.ryt-form select,.ryt-form  input[type="text"], .ryt-form  input[type="email"], .ryt-form  input[type="tel"], .ryt-form  input[type="date"] {padding: 3px 10px;}
.ryt-form textarea {height:70px;}
.ryt-form input[type="submit"] {padding: 5px 20px;font-size: 16px;}
.home-quote-fast1 {margin-bottom:18px;}
.sticky-frez-info { display: block; }
}

 @media only screen and (max-width:640px) {
 	.single_blog_page .comment-form-comment textarea, .single_blog_page input{width: 95%}
 .bottombox2 input[type="text"], .bottombox2 input[type="email"], .bottombox2 input[type="tel"] {
width:45%;
margin:0 5px 10px;
}
 .bottombox3 textarea {
width:100%;
box-sizing:border-box;
}

 .bottomheader, .footer {
 height:auto
}
 .footer {
padding-bottom:10px;
}
 .main1 h1 {
 background:none;
 line-height:27px;
 margin-top:21px
}
 .bottombox2 {
 width:100%;
margin:20px 0 0 0;
box-sizing:border-box;
text-align:center;
}
 .bottombox3 {
 margin:0 0 0 14px;
 vertical-align:top;
 width:47%
}
 .bottombtn {
 margin:0 0 0 9px;
 width:27%;
 float:none;
 display:inline-block
}
 .main3 ul li, .main3 ul li:nth-child(2), .main3 ul li:nth-child(4) {
 width:100%;
 margin-left:0
}
 .main4 h2 {
 font-size:26px
}
 .footerlinks ul li a {
 font-size:12px
}
 .innerleft, .innerright {
 width:100%;
 height:auto;
 margin-top:0
}
 nav {
 margin-bottom:0!important
}
 .truckbox ul li, .truckbox ul li:nth-child(2n) {
 width:auto;
 margin-right:0
}
 .innerleft {
 margin-bottom:0
}
.flex-direction-nav a{ top: 46% !important }
.home-heading::after {
    content: '';
    width: 85px;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    right: -85px;
    top: 18px;
}
.home-heading::before {
	content: '';
	width: 60px;
	height: 1px;
	background: #e6e6e6;
	position: absolute;
	left: -60px;
	top: 18px;
}

.email-icon{ padding: 3px 3px 4px 4px }
}
 @media only screen and (max-width:580px) {
 .main1 h1 {
 padding-bottom:12px;
 margin-bottom:10px
}
 .main1 p {
 margin-top:0
}
 .text p, .text span {
 font-size:12px
}
.logo {
    width: 38%;
    margin-top: 15px;
}

.panel-grid-media3, .panel-grid-media2, .panel-grid-overlay1, .panel-grid-overlay2 { height: 160px;}
 .banner1 img { height:150px}

}
 @media only screen and (max-width:530px) {
 .box1, .left, .right {
 height:auto;
 float:left
}
 .left, .right {
 width:88%;
 margin:0 37px
}
 .box1 {
 min-height:100px
}
 .text p, .text span {
 font-size:15px
}
 .main3 p, .main3 ul li a {
 font-size:13px;
 line-height:19px;
 margin:0
}
 .main3 p {
 width:100%
}
 .main3 ul li a {
 background:url(../images/arrow.png) left 0 no-repeat
}
 .main4 h2 {
 font-size:22px;
 background:url(../images/line.png) center 36px no-repeat
}
 .main3 h1 {
 padding-top:20px;
 background:url(../images/line.png) center 56px no-repeat;
 font-size:24px
}
 .box1:hover {
background-color:transparent;
}
.top_header{ width: 100%; position: relative;padding-top:2rem;}
.top_header span{display: none;}
.righttop {
    width: 100%;
    margin-right: 0;
}
.email-icon{ float: left;width: auto; width: 150px }
.righttop .socialicons{ float: right;width: auto; }
.logo{ margin-top: 50px; }
#address .right ul li{ width: 100%; margin: 10px 0 }
.main2 .right{ margin-left:0  }
#address .right ul li .txt{ width: 82% }
.panel-grid-media4{ background-size: 100% }
.main3 ul li a{ padding-left: 30px; }
.panel-grid-overlay3{ height: 140px; }
.main3 h1 {
    padding-top: 20px;
    background: url(../images/line.png) left 56px no-repeat;
    font-size: 24px;
    padding-bottom: 30px;
}
.bottombox3 {
    width: 96%;
    margin: 0 0 0 0;
}
 .bottombtn {
 width:34%;
 margin-left:0
}
 .bottombox2 {
 width:100%;
 margin:20px 0 0 0px;
box-sizing:border-box;
}
.footerlinks p{ margin-top: 0 }
.footerlinks ul li a{ font-size: 12px; line-height:22px }
}
 @media only screen and (max-width:480px) {
 .text h2 {
font-size:18px;
}
 .text p, .text span {
font-size:14px;
}
 .bottombox2 input[type="text"], .bottombox2 input[type="email"], .bottombox2 input[type="tel"] {
width:44%;
}


 .main4 h2 {
 background:url(../images/line.png) center 60px no-repeat;
 line-height:25px
}
.main2 .left{width: 80%}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{ background-size: 40px !important; }
.flex-direction-nav .flex-next{ right: -10px !important }


}

 @media only screen and (max-width:479px) {
 	.logo{width: 37%}
 	.call_us a{ font-size: 14px; }
 	.call_us span{ font-size: 15px; }
 	.main1 h1 span{ font-size: 35px; }
 	#address .right ul li .txt{ width: 78% }
	.footerlinks ul li {padding: 0 3px;}
  .blog_lft .blog_tbl{ width: 360px; }
 }

 @media only screen and (max-width:384px) {
 .left, .right {
width:100%;
margin:0;
box-sizing:border-box;
}
 .bottombox2 {
text-align:center;
}
 .bottombox2 input[type="text"], .bottombox2 input[type="email"], .bottombox2 input[type="tel"] {
margin:1% 0 3%;
width:90%;
}
 .bottombox3 {
width:93%;
margin:0 auto;
display:block;
box-sizing:border-box;
}
 .bottombtn {
width:54%;
display:block;
margin:15px auto 0;
}
 .offerimg {
box-sizing:border-box;
}
 .offerimg img {
height:238px;
}
 .banner1 img {
 height:110px
}
.panel-grid-media3, .panel-grid-media2, .panel-grid-overlay1, .panel-grid-overlay2 { height: 130px;}
.blog_lft .blog_tbl{ width:340px;  }

}
 @media only screen and (max-width:375px) {

 .flex-direction-nav, .top_header span {
 display:none
}
 .innerright p, .main1 p {
 line-height:19px
}
 .main1 h1 {
 font-size:20px;
 margin-top:22px
}
 .box1 {
 margin-bottom:0px;
 min-height:auto;
}
 .text p, .text span {
 font-size:13px
}
 
 .flex-direction-nav a {
 top:77%
}
 .offers ul, .truckbox ul {
 display:block;
 float:none;
 text-align:center
}
 .front {
 height:181px
}
 .main4 {
 margin-top:25px
}
 .offers ul {
 margin:0 auto;
 padding:0;
 list-style-type:none
}
 .offers ul li, .offers ul li:nth-child(3n) {
 width:90%;
 margin:10px auto;
 float:none
}
 .offers ul li:nth-child(2n) {
 float:none
}
 .innerright h2 {
 font-size:22px
}
 .inner_heading h1{
	font-family: dosismedium;
    font-size: 24px;
    color: #000;
    background: url(../images/innerline.jpg) left bottom repeat-x;
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 13px;
    margin-bottom: 10px;
    padding-top: 15px;
}

 .breadcrum h2, .innerright p {
 font-size:13px
}
 .truckinnerbox, .truckinnerbox img {
 height:auto
}
 .truckbox ul {
 list-style:none;
 margin:0 auto;
 width:100%
}
 .truckbox ul li, .truckbox ul li:nth-child(2n) {
 margin-right:0
}
 .bottombox2 input[type=text], .bottombox2 input[type=email], .bottombox2 input[type=tel] {
 width:91%;
 height:31px
}
 .bottombox3 textarea {
 width:100%;
 height:64px
}
.bottombtn input[type="submit"]{
	margin: 20px auto 10px;
}
 .bottomheader {
 padding-bottom:15px
}

 .socialicons {
 padding-top:26px
}
.email-icon{ margin-right: 0 }
.blog_lft .blog_tbl{ width: 310px; }
}
 @media only screen and (max-width:320px) {
 .bottombtn {
width:50%;
}

 .front {
height:154px;
}
}