/*1281 and above */
@media (min-width: 1281px) {
header .mainnav {padding: 0;}
.container {width: 90%;}
}

/*1599 to 1440*/
@media (max-width: 1599px) {
#cssmenu > ul > li {margin: 16px 24px;}
.welcomeBtn .button {width: 18%;}
}

/*1439 to 1366*/
@media (max-width: 1439px) {
#cssmenu > ul > li {margin: 16px 21px;}
.banner .banner-inner {margin-top: 6%;}
.welcomeBtn .button {width: 19%;}
.lead-boxs .leadox p {min-height: 67px;}
}
/*1365 to 1280 */
@media (max-width: 1359px) {
header .logo {margin-top: 18px;}
#cssmenu > ul > li {margin: 16px 18px;}
header .phone {line-height: 70px;}
.inner-page2-banner{margin: 33px 0 15px;}
.welcomeBtn .button {width: 20%;}
}
/*1279 to 1152 */
@media (max-width: 1279px) {
header .mainnav {padding: 0 1.6%;}
body #cssmenu > ul > li > a{ padding: 17px 7px;}
header .phone {font-size: 20px;}
.welcomeBtn .button {width: 21%;}
}
/*1151 to 1024 */
@media (max-width: 1151px) {
.clintlogo-right {padding-right: 3%;}
.clintlogo-left h3 {font-size: 27px;}
.quick-quote-box-top .quick-quote-box-left h3 {width: 40%; font-size: 46px; margin: 19px 0 0 0;}
.quick-quote-box-top .quick-quote-box-right {width: 60%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input {font-size: 14px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer input {line-height: 41px; font-size: 16px; padding: 0 15% 0 0;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer:after {margin: 0 0 0 -21px;}
body #cssmenu > ul > li > a {padding: 17px 18px;}
header .logo {margin-top: 15px; width: 25%;}
.right-sidebar-block{ margin: 0 0 15px;}
.inner-page2-banner h1 {margin-top: 8.5%;}
#cssmenu {width: 90%;}
#cssmenu ul {width: 100%;}
#cssmenu > ul > li {margin: 0px 9px;}
#cssmenu > ul > li > a {font-size: 14px;}
header .mainnav {width: 55%;}
.banner .banner-inner {margin-top: 8%;}
.welcomeBtn .button {width: 25%;}
}

/*1023 to 970 */
@media (max-width: 1023px) {
header .mainnav ul li {margin: 0 6px;}
header .phone {width: 16%;}
header .mainnav {width: 59%;}
#cssmenu > ul > li {margin: 0px 6px;}
.quick-quote-box-top .quick-quote-box-right {padding: 0 1%;}
.container {width: 98%;}
.lead-boxs .leadox {width: 33%; float: left;}
.home-section1-left {float: left; margin: 0 10px 10px 0; width: 49%;}
body #cssmenu > ul > li > a {padding: 17px 22px;}
.welcomeBtn .button {width: 27%;}
}
/*969 to 800 */ 
@media (max-width: 969px) {
header .phone {width: 18%;}
.quick-quote-box-top .quick-quote-box-left h3 {font-size: 42px; margin: 2px 0 0 0; text-align: center;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer input {font-size: 13px; padding: 0 18% 0 0;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input {font-size: 11px; padding: 14px 10px;}
.clintlogo-left {padding-left: 0;}
header .container {padding-left: 0; padding-right: 0;}
header .logo {width: 39%;padding-left: 1%;}
header .phone {margin: 0;width: 37%;font-size: 32px;}
header .mainnav {padding: 0; clear: both; display: block; width:100%; margin: 0 0 0 0;border-top: solid 1px #ccc;}
#cssmenu ul {width: 100%; display: table;}
body #cssmenu > ul > li > a {/*padding: 17px 15px;*/ padding: 17px 0; text-align: center; font-size:16px;}
#cssmenu > ul > li {/*margin: 0px 15px;*/ margin: 0; display: table-cell; width: 25%;}
.banner{  margin:0; min-height: 405px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input{border-radius:5px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer{border-radius:5px;}
.quick-quote-box .quick-quote-box-in {padding:0;}
.lead-boxs .leadox p {min-height: 87px;}
.lead-boxs .leadox h3 {font-size: 19px;}
.inner-page2-banner {/*margin: 129px 0 15px;*/ min-height: 126px;}
.inner-page2-banner h1{ margin: 7% 0 0; font-size: 40px;}
.content-box, .sidebar {width: 100%;}
.imgLeft, .imgRight {margin-bottom: 0;}
.container .content-box h2 {margin-top: 10px;}
.welcomeBtn .button {width: 33%;}
#tt-review-widget-star {float: none; margin: 0px auto !important;}
}
/*799 to 768 */
@media (max-width: 799px) {	
.lead-boxs .leadox .button a {font-size: 17px;}
body #cssmenu > ul > li > a {padding: 17px 14px;}
.inner-page2-banner{margin: 119px 0 15px;}
.welcomeBtn .button {width: 34%;}
.quick-quote-box-top .quick-quote-box-left h3 {margin-top: 15px;}
.circleIcon div {width: 136px;}
.circleIcon {background-position: 0px 46px;}
#cssmenu #menu-button {text-align: left;}
}


/*767 to 736 */
@media (max-width: 767px) {
header{border-bottom:none;}
header .logo { margin: 10px 0 5px; padding: 0 0 6px 15px; position:relative; z-index:4; width: 34%;}
header .container {padding: 0; width: 100%;}
.mobiphone {clear: both; display: block; text-align: center; width: 100%; background:#df1d3a;  position:relative; text-align:center; display:block; line-height:46px;  color:#fff;border-bottom:solid 4px #a7162b; font-weight:700; font-size:26px; }
.mobiphone a {color: #fff;}
.lead-boxs .leadox {padding: 0px 1%;}
.lead-boxs .leadox p {min-height: 92px;}
.lead-boxs .leadox h3 {font-size: 17px;}
.clintlogo-left h3 {font-size: 23px; margin-top: 20px;}
header .phone{display:none;}
header .mainnav {clear: none; float: left; width: 50%;border: none;}
body #cssmenu {margin: 15px 0 0; width: 100%;}
.quick-quote-box .quick-quote-box-in {padding: 0;}
body #cssmenu {left: 0; margin: 13px 0 0; position: absolute; width: 100%;}
body #cssmenu #menu-button {left: 41%; width: 16%; margin-top: 6px;}
body #cssmenu ul{position: relative; width: 100%; z-index: 2;background: #fff;}
#cssmenu #menu-button.menu-opened::before, #cssmenu #menu-button.menu-opened::after {top: 18px !important;}
.banner {min-height: 307px;}
.banner .banner-inner {margin-top: 1%; padding: 30px 30px 30px 35px;}
.inner-page2-banner {/*margin: 103px 0px 15px;*/}
.welcomeBtn .button {width: 36%;}
}
/*735 to 667 */
@media (max-width: 735px) {
body #cssmenu {margin: 10px 0 0;}
.lead-boxs .leadox p {min-height: 120px;}
.clintlogo-left h3 {font-size: 21px; margin-top: 21px;}
.inner-page2-banner{margin: 105px 0 15px;}
.inner-page2-banner h1 {margin: 8% 0 0;}
.welcomeBtn .button {width: 39%;}
.quick-quote-box-top .quick-quote-box-left h3 {font-size: 36px;}
}
/*666 to 600 */
@media (max-width: 666px) {
body #cssmenu {margin: 7px 0 0;}
.banner {/*margin: 99px 0 0;*/  min-height: 294px;}
.banner .banner-inner {margin-top: 10px;}
.banner .banner-inner h3{font-size: 48px;}
.banner .banner-inner h4{ font-size: 51px;}
.banner .banner-inner p{max-width: 285px;  font-size: 14px;}
.lead-boxs .leadox p {min-height: 110px;}
.lead-boxs .leadox h3 {font-size: 16px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer input {font-size: 23px; padding: 0; text-align: center; font-weight: bold;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer:after {margin: 1px 0 0 -14px; font-size: 26px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input {font-size: 10px; padding: 14px 4px;}
.home-section1 .home-section1-right h3 {font-size: 23px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield {margin-bottom: 10px; width: 50%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body {width: 100%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input {font-size: 12px; padding: 13px 4px;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer{width: 99%;  margin: 0;}
.lead-boxs h2{font-size: 30px;}
.welcomeBtn .button {width: 41%;}
.welcomeTxt h2 {font-size: 28px;}
.clintlogo-left {padding-top: 10%;}
.quick-quote-box-top .quick-quote-box-right {padding: 0px 1% 0 2%;}
}
/*599 to 568 */
@media (max-width: 599px){
.clintlogo-left h3 {font-size: 15px;}
.lead-boxs .leadox {float: none; width: 100%;}
.lead-boxs .leadox h3 {font-size: 24px;}
.lead-boxs .leadox p {min-height: inherit;}
.welcomeTxt h2 {font-size: 26px;}
.welcomeBtn .button {width: 47%;}
body #cssmenu #menu-button {left: 39%; width: 20%;}
.quick-quote-box-top .quick-quote-box-left h3 {font-size: 48px; margin-top: 0;}
}

/*567 to 480  */
@media (max-width : 567px) {
body #cssmenu {margin: 5px 0 0;}
.home-section1 .home-section1-right h3 {font-size: 19px;}
.home-section1-left {margin-bottom: 5px;}
.clintlogo-left {width: 100%; text-align: center; padding: 5% 0 0 0;}
.clintlogo-left img {width: 85%;}
.clintlogo-right {width: 100%; text-align: center;}
.quick-quote-box-top .quick-quote-box-left  {width: 100%; text-align: center;}
.quick-quote-box-top .quick-quote-box-left h3 {width: 100%;}
.quick-quote-box-top .quick-quote-box-right {width: 100%; text-align: center;}
.inner-page2-banner h1 {margin: 9% 0 0;}
.inner-page2-banner {min-height: 103px;}
.imgLeft, .imgRight {width: 100%; float: none; clear: both; margin-bottom: 10px;}
body #cssmenu #menu-button {left: 38%; width: 23%;}
.welcomeBtn .button {width: 56%;}
}
/*479 to 414  */
@media (max-width : 479px) {
header .logo{ width: 50%;}
.lead-boxs h2 {font-size: 24px;}
.home-section1-left {margin-bottom: 15px;width: 100%;}
.home-section2 .container {padding-left: 0;}
.banner .banner-inner {margin-top: 14px;}
body #cssmenu #menu-button {left: 37%; width: 27%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body {width: 100%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield input {width: 100%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_body .gfield {width: 100%;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer {width: 100%; margin: 0;}
body .quick-quote-box #gform_wrapper_1.gform_wrapper .gform_footer:after {margin: 1px 0 0 -22px; font-size: 25px;}
.inner-page2-banner {/*margin: 97px 0px 15px;*/}
.inner-page2-banner h1 {font-size: 30px; margin: 9.5% 0 0;}
.contactform .gform_wrapper ul li.gfield select {width: 100% !important;}
.contactform .gform_wrapper ul li.gfield {float: none; clear: both; width: 100% !important;}
.gform_wrapper textarea.medium {100% !important;}
.welcomeBtn .button {width: 66%;}
.gform_wrapper {max-width: 100% !important;}
footer {padding: 10px 5px;}
.services .right, .services .left, .services2 .right, .services2 .left {width: 100%; padding: 0;}
.rightMobile {display: block;}
.services .right.desktopOnly, .services2 .right.desktopOnly {display: none;}
#cssmenu ul {display: block;}
body #cssmenu > ul > li > a {text-align: left;}
#cssmenu > ul > li {display: block; width: 100%;}
.clintlogo-left img {width: 42%; float: none; margin: 0 auto;}
}

/*413 to 375*/
@media (max-width : 413px) {
body #cssmenu #menu-button {left: 35%; width: 29%;}
.lead-boxs .leadox { width: 100%;}	
footer ul li a {font-size: 14px;}
.lead-boxs .leadox p {min-height: inherit;}
.inner-page2-banner{margin: 95px 0 15px;}
.inner-page2-banner h1 { margin: 11.5% 0 0;}
.welcomeBtn .button {width: 73%;}
.banner .banner-inner {padding: 30px 30px 30px 16px;}
.banner .banner-inner h3 {font-size: 44px;}
.banner .banner-inner h4 {font-size: 47px;}
}

/*380 to 376 Samsung Galaxy portrait only*/
@media (max-width : 380px) {
.welcomeTxt h2 {font-size: 25px;}
.welcomeBtn .button {width: 77%;}
}

/*374 to 360*/
@media (max-width : 374px) {
.welcomeBtn .button {width: 77%;}
}

/*359 to 320*/
@media (max-width : 359px) {
body #cssmenu #menu-button {left: 33%; width: 34%;}
.inner-page2-banner h1 {font-size: 30px; margin: 12% 0 0;}
.banner .banner-inner {padding: 21px 30px 21px 16px;}
.welcomeTxt h2 {font-size: 22px;}
.welcomeBtn .button {width: 88%;}
}