@charset "utf-8";
/*
Theme Name:Hi-Tech CADD Services
Theme URI:https://www.hitechcaddservices.com/
Author:Bhargav Joshi, Manoj Soni
Author URI:http://hitechos.com/
Text Domain:hitechcaddservices.com
Version:2.0
*/

*{margin:0;padding:0}
html{-webkit-text-size-adjust:none}
article,aside,footer,header,nav,section,figcaption{display:block}
.clr {clear:both}

a {text-decoration:none; color:#007abd}
a:hover {text-decoration:underline}
.whitetxt {color:#fff!important}
strong {font-weight:600}
.aligncenter {text-align:center}

figcaption {font-size:14px; padding:3px; text-align:center; background-color:#e9e9e9}
h1, .headline, .bigtitle {font-size:45px; line-height:65px; color:#363636; font-weight:300; margin-bottom:10px;}
.headline {font-family:'Oswald', sans-serif; margin-bottom:15px}
h3 {font-size:24px; line-height:28px; margin-bottom:12px; font-weight:600;}
h1 span, .bigtitle span {font-weight:700}
.bigtitle span {color:#B75A06}
body {font:17px/32px Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#546e7a; font-weight:400}
p {margin-bottom:15px}

#bimsupportvideo {height:auto; min-height:275px; width:400px!important; margin-top:12px; position:relative; float:right; margin-left:20px;}
.caption{background:rgba(0,0,0,0.7); padding:10px; position:absolute; bottom:0; color:#fff; width:auto; min-width:100%; left:0; right:0; overflow:hidden; text-align:center;}
.wrapper {width:1200px; margin:0 auto; position:relative}

/* HEADER STRIP SETTINGS */
#topbar {height:50px; line-height:50px; color:#fff}
#topleft {float:left}
#topright {float:right}
#topright a svg, #topright img {position:relative; top:8px}

/* HEADER SETTINGS */
.header {height:103px; background-color:#fff; width:100%; z-index:99999; top:0}
.shrink {position:fixed; top:0; z-index:999; border-bottom:solid 1px #858585; height:70px; transition:all 0.5s}
#logo {position:absolute; top:30px; z-index:99; height:45px; width:auto;  transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s}

/* STICKY HEADER SETTINGS */
.shrink #logo {top:8px}
.shrink nav {top:2px}
.shrink .popform {top:17px}
.shrink .topctabtn {top:10px}

/* HEADER CTA BUTTONS*/
.topctabtn {display:none; background:url(images/orange-dot-2.png) repeat; font-size:14px; color:#ffffff; font-weight:500; line-height:36px; padding:3px 15px; position:absolute; top:1.6em; right:50px; transition:top 0.5s; -moz-transition:top 0.5s; -webkit-transition:top 0.5s; border-radius:5px}
.popform {padding:3px 17px;position:absolute; right:0; top:35px}
.popform .su-button-style-default span, .popform .su-button-style-default {border:none!important; border-radius:0!important; border-style:none!important}
.popform .su-button-style-default:hover {opacity:1}
.popform a.su-button span {background-color:#fff!important; color:#282f39!important; font-size:17px!important}

/* NAVIGATION SETTINGS */
nav {position:absolute; right:180px; top:20px; transition:top 0.5s; -moz-transition:top 0.5s; -webkit-transition:top 0.5s}
nav ul {list-style:none}
nav ul li {display:inline-block; position:relative; padding:20px 15px;}/*Changed here 23/10/2018 - Bhargav Joshi*/
nav ul li a {text-transform:uppercase; color:#282f39; display:block; font-weight:600; box-sizing:border-box}
nav ul li a:hover {text-decoration:none;}
nav ul li li a:hover {color:#ff902b;}
nav ul li:hover > ul {display:block}
nav ul ul li:hover > ul ul {display:block}
nav ul ul {position:absolute; left:0; background:url(images/bluebg.png); z-index:99999; width:250px; display:none; top:67px; padding:15px 0}
nav ul ul li {display:block; padding:0}
nav ul ul li a {padding:4px 20px; font-weight:400; color:#fff; text-transform:none; font-size:16px}
nav ul ul.sub-menu li#menu-item-9105, nav ul ul.sub-menu li#menu-item-10306, nav ul ul.sub-menu li#menu-item-9115, nav ul ul.sub-menu li#menu-item-10307 {background-image:url(images/submenu.png); background-repeat:no-repeat; background-position:90%}
nav ul ul li {display:block; position:relative}
nav ul ul li.menu-item-has-children {background:url(images/submenu-arrow.png) right 20px top 15px no-repeat}
nav ul ul ul {left:250px; top:0; display:none}
nav li#menu-item-11077 {position:static}
nav li#menu-item-11077 ul {position:absolute; background:url(images/bluebg.png); z-index:99999; width:1200px; padding:40px; box-sizing:border-box; left:-295px; /*left:-340px;*/ top:67px; -webkit-column-count:4;-moz-column-count:4; column-count:4; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px;}
nav li#menu-item-11077 ul ul {background:none; position:relative; float:none; left:0; top:0; padding:0; margin-bottom:15px; -webkit-column-count:1; -moz-column-count:1; column-count:1; display:block; width:100%;}
nav li#menu-item-11077 ul li {font:40px/50px 'Oswald', sans-serif; color:#fff; font-weight:400; background-image:none}
nav ul li#menu-item-12302 ul.sub-menu{width:340px;}
nav li#menu-item-11077 ul li#menu-item-12317, nav li#menu-item-11077 ul li#menu-item-12294, nav li#menu-item-11077 ul li#menu-item-14110{display:inline-block}
nav li#menu-item-11077 ul li a {font:22px/36px 'Oswald', sans-serif; padding:0; color:#fff; margin-bottom:5px}
nav li#menu-item-11077 ul li li{width:100%; float:none; position:static}
nav li#menu-item-11077 ul li li:last-child {margin-bottom:0}
nav li#menu-item-11077 ul ul ul {position:absolute; top:0; left:99%; margin-top:0; padding-left:34px; width:130%; border:none; height:100%}
nav li#menu-item-11077 ul li ul a {color:#fff; font:16px/32px Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif!important; padding:0; border:none; margin:0; }
nav li#menu-item-11077 ul li a:hover {background:none; color:#ff902b}
nav li#menu-item-11077 ul li.aecservicesnav li ul, nav li#menu-item-11077 ul li.mechservicesnav li ul {display:none}
nav li#menu-item-11077 ul li.aecservicesnav li:hover > ul, .showmenu {display:block!important}
nav li#menu-item-11077 ul li.mechservicesnav li:hover > ul {display:block}
nav li#menu-item-11077 ul li.aecservicesnav a, nav li#menu-item-11077 ul li.mechservicesnav a {display:none}
nav li#menu-item-11077 ul li.aecservicesnav ul a, nav li#menu-item-11077 ul li.mechservicesnav ul a {display:block!important}
nav li#menu-item-11077 ul li.aecservicesnav li:hover > a {background:none; color:#ff902b}
nav li#menu-item-11077 ul li.mechservicesnav li:hover > a {background:none; color:#ff902b}
#responsive-menu-container {height:90%!important; overflow:auto!important; font-size:16px!important; top:122px; position:fixed}
.menutop {top:72px!important}
.menuposition {top:72px!important}


/*#menu-item-15160{margin-bottom:65px} Code for Adjusting Menu for Engineering Section while Added MEP Section in Menu on  16/08/2021 */

/* INNER PAGE HEADER SETTINGS */
#innerbanner {width:100%; height:auto; box-sizing:border-box; background-color:#007abd; padding-bottom:25px;} /* B310818 */
#innerbanner h1, #bloghead {font:46px/60px 'Oswald', sans-serif; color:#fff; height:auto; margin-top:40px;} /* B310818 */
#innerwrapper {padding:30px 50px 50px 50px; background-color:#fff; position:relative;} /* B310818 */
#innerwrapper .two-third  a{color:#007abd}
#innerwrapper .two-third  a:hover{text-decoration:underline}

/* PAGE BREADCRUM SETTINGS */
#breadcrumb{font-size:13px; position:relative; top:18px; background:#e4e4e4; display:inline-block; border-radius:2px; font-weight:400; max-height:30px; padding:0 25px; line-height:30px;} 
#breadcrumb a, #breadcrumb a span { text-decoration:none; position:relative; color:#252525; font-weight:400; font-size:13px }
#breadcrumb span, #breadcrumb span:last-child a span{line-height:30px; position:relative; top:-5px; color:#015482}
#bchome {position:relative; top:1px; }
.bcsep {background:rgba(0,0,0,0.2)/*url(images/sprite.png) no-repeat right top*/; background-position:-90px 0; width:1px; height:30px; display:inline-block; position:relative; top:0!important; margin:0 10px; }

blockquote, .highlight {margin:0 0 15px 0; font-weight:400; } /* B310818 */
blockquote, .specialp strong{ font-size:22px; line-height:40px; font-weight:400} /* B310818 */
blockquote p:last-child {margin-bottom:0}
.highlight {margin-bottom:20px}
.bigfont, h2 {font-size:26px; line-height:38px; margin:14px 0; color:inherit; font-weight:500;}
.two-third .highlight ul {margin-bottom:0}
.bigfont:first-child{margin-top:0}
.highlight .su-accordion{ background:#fff;}
.highlight .su-accordion .su-spoiler .su-spoiler-title{font-size:17px; color:#546e7a; background:#fff; padding:12px 30px; box-sizing:border-box; border:1px solid #cccccc8f; border-radius:5px; font-weight:400}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{ left:5px!important; top:14px;}

/* Industries Pages Section Setting Code */
.industrywrap {margin-top:25px}
.industrywrap img {border:solid 1px #ccc; padding:4px; box-sizing:border-box; display:block; margin-bottom:3px}
.serviceimage {position:relative}
.serviceoverlay {position:absolute; width:100%; background-color:#000; opacity:0; height:0; transition:height 0.4s}
.industrywrap .one-third:hover >  .serviceoverlay {height:100%}
.industrywrap .one-third:hover  .serviceimage a .serviceoverlay {height:100%; opacity:0.2; padding:15px; color:#fff; box-sizing:border-box; font-size:16px; line-height:26px;}

/* FOR NEW CASE STUDIES */
.sidebarcs {width:100%}
.sidebarcs img {width:100%; max-width:100%; border:solid 1px #858585; box-sizing:border-box; display:block}
.sidebarcstitle {color:#fff; background-color:#006399; font-size:18px; line-height:28px; padding:15px; margin-bottom:3px}
.sidebarcs .width100 {margin-bottom:15px}
.sidebarcs .width100:after {display:block; content:""; clear:both}
.sidebarcstitle {margin-bottom:3px}
.sidebarcstitle a {color:#fff; font-size:17px; line-height:28px} 

.su-carousel-responsive-yes .su-carousel-slide > a, .su-carousel-responsive-yes .su-carousel-slide > img, .su-carousel-responsive-yes .su-carousel-slide > a > img {height:95%!important}
.su-tabs-panes ul, .two-third ul, .relatedservices, .industrieslist .su-spoiler-content ul, .industrieslist, .width70 ul, .cs-challanges ul, .blogpost ul.authorlist, .csboxin ul {list-style:none; margin-bottom:14px}
.su-tabs-panes ul li,.two-third ul li, .relatedservices li, .industrieslist .su-spoiler-content ul li, .industrieslist li, .width70 ul li, .cs-challanges ul li, .blogpost ul.authorlist li, .csboxin ul li {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bullet01.png) left 11px no-repeat; padding-left:15px; margin-bottom:5px}

.two-third ul li:last-child{margin-bottom:0}
.thepost ul.ess-social-network-lists li {background-image:none; padding-left:0}
.industrieslist .su-spoiler-content ul {margin-bottom:0}
.industrieslist .su-spoiler-title {font-size:18px; font-weight:500; border:solid 1px #cecec8; padding:10px 10px 10px 30px !important; border-radius:4px; background-color:#fff}
.industrieslist .su-spoiler-icon {font-size:10px; left:7px!important; top:11px!important}
.industrieslist .su-spoiler-content ul li a, .industrieslist li a {font-size:16px; line-height:26px}
.industrieslist .su-spoiler-style-default > .su-spoiler-content {padding:10px 0 0 30px}

.relatedservices {list-style:none!Important; margin-bottom:20px}
.relatedservices li {list-style:none; border-bottom:dotted 1px #ccc; padding-bottom:10px; margin-bottom:10px}
.relatedservices li a {color:#363636}
.relatedservices li.current_page_item a {color:#007abd}

.su-carousel-slide-title {font-size:14px!important; line-height:32px!important}

#bluerow {padding:30px 0 40px 0; background-color:#035f8a}
.greybg {padding:30px 0 40px 0; background-color:#e9e9e9}
.greybg p:last-child {margin-bottom:0}

.orangebtn .su-button-style-default span, .orangebtn .su-button-style-default {border:solid 2px #f38929!important; border-radius:0!important; color:#f38929!important; padding:7px 25px!important; background:none!important}
.orangebtn .su-button-style-default span {border-style:none!important}
.orangebtn .su-button-style-default:hover {background-color:#f38929!important; opacity:1}
.orangebtn a.su-button span {background-color:transparent; color:#fff!important; font-size:17px!important}

/* FOOTER CTA LINE BTN SETTINGS */
.footerbtn {border:solid 2px #f38929; color:#f38929; display:inline-block; padding:5px 20px; margin-top:8px; transition:background 0.3s}
.footerbtn:hover {background-color:#f38929; text-decoration:none}

/* HOME PAGE CLIENTS SETTINGS */
#clients {padding:30px 0 50px 0; background-color:#f2f2f2}
#clients .one-sixth {border:solid 1px #ccc; text-align:center; padding:20px; box-sizing:border-box; margin-top:15px; background-color:#fff}
#clients .one-sixth img{max-width:100%}
#clients h1 {margin-bottom:0px}
.three-fourth .highlight h2 {margin-bottom:0}
#clients .bigtitle span{color:#035f8a}

/* ROW COLUMN SPACING SETTINGS */
.width100 {width:100%}
.three-fourth {width:79.4%; float:left}
.two-third {width:65.67%; float:left}
.one-half {width:48.5%; float:left}
.one-third {width:31.3%; float:left}
.one-fourth {width:22.75%; float:left}
.one-fifth {width:17.6%; float:left}
.one-sixth {width:15.95%; margin-right:0.85%; float:left; margin-top:40px}
.one-sixthn {width:14.16%; float:left}
.servicethumbs .one-sixth {width:32%; margin-right:2%; float:left; margin-bottom:15px; margin-top:0}
.servicethumbs .one-sixth:nth-child(3n+4) {margin-right:0}
.width50 {width:50%; float:left; box-sizing:border-box}
.width27{width:27%; float:left}
.width70{width:70%; float:left;}
.margin3 {margin-right:3%}
.topmargin {margin-top:40px}	
.margin2 {margin-right:2%}
.fr{float:right}
.paddright {padding-right:85px; box-sizing:border-box}
.paddright img {margin-bottom:15px}
.margintop {margin-top:35px}

/* HOME PAGE BLOG POSTS SETTINGS */
#blogbg {padding:30px 0 0 0}
#blogbg .one-fourth {background-color:#fff; border:solid 1px #ccc; box-sizing:border-box; min-height:400px; position:relative}
#blogbg .margin3:nth-child(4n+4) {margin-right:0}
.blogimg {position:relative}
.blogimg img {	width:100%; max-width:100%; height:175px}
.blogimg span {position:absolute; display:inline-block; padding:4px 10px; color:#fff; left:0; bottom:-14px}
.blogtitle {margin-top:10px; padding:0 20px}
.blogtitle a {color:#363636}
.postdate {border-top:solid 1px #ccc; padding:7px 20px; font-size:14px; color:#262626; margin-top:25px; width:100%; position:absolute; bottom:0; box-sizing:border-box}
.dateicon {position:relative; top:2px; margin-right:5px}
.wp-user-avatar {float:left; margin:0 15px 5px 0; padding:5px; background-color:#fff; border:solid 1px #858585}
#sidebar ul{list-style:none}
.featuredpost{ box-sizing:border-box; background:#f2f2f2;}
.featuredpostimga{display:flex}
.featuredpostimg{width:580px; height:380px;}
.featuredposttitle{font:400 34px/52px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:30px; display:block;}
.featurepostcontent{padding:30px 30px 30px 0; box-sizing:border-box}
.featurepostcontent p.postexrpt{font-size:18px; line-height:40px; }

/* FOOTER SETTINGS */
#footerlocation {background-color:#363636; color:#858585; padding:15px 0}
.footerleft {float:left}
.footerright {float:right}
.footerright a {color:#fff}
#footerlocation .call {margin-right:50px; background:url(images/footercall.png) left 13px no-repeat; padding-left:40px}
#footerlocation .address {background:url(images/footerlocation.png) left 13px no-repeat; padding-left:35px}
#footerlinks {background-color:#262626; padding:35px; font-size:16px; line-height:24px}
#footerlinks h3 {font-family:'Oswald', sans-serif; }
#footerlinks ul {padding-left:15px; color:#858585}
#footerlinks a {font-weight:400; color:#858585}
.smicon {display:inline-block; height:28px; background:url(images/footer-social-sprite.png) 0 0 no-repeat; margin-right:10px; transform:scale(0.8); margin:0 4px; position:static!important; margin-top:5px}
#linkedin {width:28px;}
#twitter {width:32px; background-position:-33px 0}
#facebook {width:13px; background-position:-70px 0}
#instagram {width:32px; background-position:-88px 0}
#footerbar {color:#fff; font-size:16px; padding:15px 0 5px 0}
#footerbar a {color:#fff}
#footerbar a:hover {text-decoration:underline}
.hidelarge {display:none}
.footerright span {position:relative; top:-7px}
#mapbar {background-color:#fff; position:relative}
#mapbar p.headline {position:absolute; color:#fff; top:30px; width:100%; text-align:center; text-shadow:2px 2px 0 #000000;}

.ilink {background-color:#e9e9e9; font-size:20px; text-align:center; font-family:'Oswald', sans-serif; padding:5px 0; margin-top:0}
.ilink a {color:#006399; display:block}
.ilink:hover, .industrywrap .one-third:hover > p.ilink {background-color:#007abd}
.ilink:hover > a, .industrywrap .one-third:hover > p.ilink > a {color:#fff; text-decoration:none}
.ilink:hover, .industrywrap .one-third:hover > p.ilink {background-color:#007abd; }
.ilink:hover > a, .industrywrap .one-third:hover > p.ilink > a {color:#fff!important; text-decoration:none}

/* SHORTCODES CONTENT SETTINGS FOR USED IN SERVICE PAGES */
.mechanicaltabsmobile {display:none}
.mechanicaltabs .su-tabs .su-tabs-nav span, .mechanicaltabsmobile .su-tabs .su-tabs-nav span{font-size:18px; padding:14px; color:#546e7a; line-height:34px}
.su-tabs-panes p, .su-tabs-panes a{font:17px/32px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; color:#546e7a; font-weight:400;}
.su-tabs-panes a , .mechanicaltabsmobile .su-spoiler-content a {color:#006399; font-size:17px;}
.alignright {float:right; margin:10px 0 10px 20px}

/* BLOG POST SETTINGS */
.blogpost {padding-bottom:0px; margin-top:30px }
.blogpost:after {content:""; display:block; clear:both}
.blogpost ul{ list-style:none; }
.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.666667%; margin-right:30px; vertical-align:top; float:left }
.blogpost ul li:nth-child(3n){margin-right:0}
.blogpost ul li:nth-child(3n + 1){float:left; position:relative; display:block; clear:both;}
.blogpost ul li .postthumb{position:relative}
.blogpost ul li .postthumb img{height:175px; margin-bottom:10px; width:100%; max-width:100%}
p.posttitle{ font-size:18px; line-height:34px; font-weight:500}
p.postexrpt{ font-size:17px; line-height:27px; font-weight:400}
span.postinfo{font-size:13px;}

/* AUTHOR PAGE SETTINGS */
ul.authorlist {list-style:none!important; margin-bottom:14px!important; margin-left:0!important}
ul.authorlist li {background:url(images/bullet01.png) left 17px no-repeat!important; padding-left:15px!important; margin-bottom:5px!important; list-style:none!important}
ul.authorlist li:last-child{margin-bottom:0}

#pagination {margin-top:25px}
.page-numbers {display:inline-block; padding:5px 15px; border:solid 1px #ccc; margin-right:5px; color:#363636; font-size:16px}
.current {background-color:#e9e9e9}

.thepost img {max-width:100%; height:auto!important}
.thepost p, .thepost ul li, .thepost ul li a{font-size:20px; line-height:2.05em;  margin-bottom:17px;}
.thepost ul{ list-style:none; margin-left:15px; padding-left:0}
.thepost ul li{ list-style:disc; background:none; padding:0; margin-bottom:0}
.author-profile{padding:15px; background-color:#e9e9e9; margin:25px 0}
.author-profile p{font-size:18px; line-height:28px; margin-bottom:0}
.thepost h2{ font-size:28px; line-height:40px; color:#354750}
.thepost h3{ font-size:24px; line-height:34px; color:#354750}
.author-profile img, .wt-author-img {float:left!important;margin:0 15px 5px 0!important;padding:5px!important;background-color:#fff!important;border:solid 1px #858585!important;}

/* BLOG SIDEBAR POPULAR & RECENT POSTS SETTINGS */
.popular-posts{list-style:none; display:block; margin-bottom:30px; position:relative; border:1px solid #ccc; padding:0 0 30px 0 }
.popular-posts .bannerslide{background:#fff; padding:10px; box-sizing:border-box;  display:block; }
.popular-posts .bannerslide img{max-height:120px; width:100%; height:auto}
.popular-posts .bannerslide a p, .recent-posts ul li a, .recent-posts ul li{font-size:15px; line-height:26px!important; margin:0!important}
.popular-posts .bx-wrapper .bx-pager {text-align:center; font-size:.85em; color:#666; position:relative; bottom:7px;  height:.85em;}
.recent-posts{position:relative; display:block}
.recent-posts ul{margin-left:20px; margin-top:12px;}
.recent-posts ul li{margin-bottom:12px!important;}

#sidebar { }
#sidebar aside ul, .one-third aside ul, .width27 aside ul  {list-style:none; margin-bottom:10px}
#sidebar aside, .one-third aside .width27 aside  {margin-bottom:25px}
#sidebar aside ul a {color:#363636}
#sidebar aside .sym {margin-right:5px}
h3.widget-title {margin-bottom:15px; background-color:#0095da; color:#fff; font-weight:400; padding:5px 20px}
aside#categories-2 ul li, aside ul li {border-bottom:dotted 1px #ccc; padding-bottom:7px; margin-bottom:7px; background:url(images/bullet01.png) left 12px no-repeat; padding-left:18px}
#sidebar aside ul li.collapsing {border-bottom:dotted 1px #ccc; padding-bottom:7px; margin-bottom:7px; background:none; padding-left:3px}
#sidebar aside ul li.collapsing:last-child {border:none; margin-bottom:0; padding-bottom:0}
#sidebar aside ul li.collapsing ul {padding-left:22px; margin-top:10px}
.postmore a:hover, .morelink:hover {text-decoration:none; background-color:#e9e9e9}

/* CASE STUDY LISTING SETTINGS */
.csbox img {width:100%; height:200px; max-width:100%}
.csbox .posttitle {font-size:18px}
#cswrapper .margin3:nth-child(3n+3) {margin-right:0}
#cswrapper .one-third {margin-bottom:35px; border:1px solid #ccc; box-sizing:border-box;}
#cswrapper .one-third:nth-child(3n+1) {clear:left}
.postdetails{padding:10px; box-sizing:border-box; position:relative}
#blogtags a, #blogtags span{display:inline-block; background-color:#5d7984; color:#e9e9e9; font-size:16px; text-transform:uppercase; margin:12px 0px 0px 5px; padding:5px 8px; line-height:25px}
.downloadpdf {float:right;}
.downloadpdf a img{padding:10px 15px; background:#d1d1d1; border-radius:8px}
.downloadpdf a:hover img{background:#eaf0f4;}
.postthumb a{display:flex}
#cswrapper .one-third .postdetails p.posttitle, #cswrapper .one-third .postdetails p.posttitle a{margin-bottom:0!important; font-size:17px; line-height:32px;}

/* CASE STUDY POST SETTINGS */
#cstop span, #cstop span#tech {padding:10px 15px; background-color:#007abd; color:#fff; display:inline-block; margin-right:0.5%; float:left; font-size:20px; line-height:26px; width:19%; box-sizing:border-box; margin-bottom:10px}
.clientname, .techname {background-color:#e9e9e9; padding:10px; float:left; line-height:26px; width:80%; box-sizing:border-box}
#cstop .highlight {margin-bottom:10px}
#cstop .highlight p:last-child {margin-bottom:0}
#cstop span#tech {width:29%; background-color:#363636}
.techname {width:70%; margin-bottom:25px}

address {font-style:normal}
.one-third address {margin-bottom:15px}

/* CLIENT PAGE SETTING COCDE*/
#scrolltesti {height:675px; overflow:auto}
#ourclients {padding:20px; border-radius:30px; border:solid 1px #ccc; box-sizing:border-box}
.testimonial {background-color:#e9e9e9; border-radius:20px; padding:30px; box-sizing:border-box; margin-bottom:20px; width:97%}
.testimonial p {margin-top:12px}
.testimonial p:last-child {margin-bottom:0}

/* SITEMAP PAGE SETTING CODE */
#sitemap ul {padding-left:18px}
#sitemap a {color:#363636; font-size:16px; font-weight:400}
#sitemap p.bigfont {margin-bottom:5px}
#sitemap p.bigfont a {font-size:20px; font-weight:500}
#sitemap h2 {margin-top:20px; margin-bottom:5px}
#sitemap .highlight {margin-top:10px}
#sitemapwhoweare, #sitemapcasestudies {background-color:#f2f2f2; padding:15px; margin:15px 0 25px 0}
#sitemapwhoweare li {display:inline-block; padding:0 5%}
#sitemapcasestudies li {display:inline-block; padding:0 3.2%}
#sitemapwhoweare li a, #sitemapcasestudies li a  {font-weight:500}

/* INNER PAGE CTA SECTION SETTING CODE */
#pagecta {background:url(images/ctabg.jpg); padding:35px; box-sizing:border-box; border-top:solid 3px #007abd; margin-top:35px}
.ctahead, .ctahead2 {font-size:24px; text-align:center; line-height:36px}
.ctahead2 {font-size:19px; line-height:34px}
.ctabtn2 {background-color:#f38929; color:#fff; padding:10px 0 15px 0; width:250px; margin:0 auto; display:block; text-align:center; border-radius:23px; font-weight:700; font-size:28px; text-shadow:0 2px 7px #6f3f13; transition:background 0.3s}
.ctabtn2:hover {text-decoration:none; background-color:#d67925}

/* ABOUT US HISTORY MILESTONE PAGE SETTING CODE */
.historywrap {width:100%; float:right; padding:20px 40px 40px 40px; color:#fff; font-size:22px; line-height:40px; font-weight:300; position:relative; top:45px}
.historywrap h2 {font-size:50px; border-bottom:dotted 1px #363636; color:#363636; font-weight:300; margin-bottom:20px; line-height:normal}
#orange {background-color:#fdc541; color:#363636; position:relative; display:none }
#orange:after {	right:100%; bottom:2%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-color:rgba(253, 197, 65, 0); border-right-color:#fdc541; border-width:30px; margin-top:-30px;}
.one-fourth .pic span, .one-fourth .pic {padding:0!important; background:none!important; border-radius:0!important; border:none!important}
.one-fourth .pic span img {margin:0!important}
#photoscroll .flickity-viewport {min-height:150px!Important;}
#photoscroll .flickity-viewport:after {display:block; content:""; clear:both}

#darkgrey {background-color:#4c6c7d; color:#fff; position:relative; display:none }
#darkgrey h2 {color:#fff; border-bottom:dotted 1px #fff}
#darkgrey:after {	right:100%; bottom:27%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-color:rgba(253, 197, 65, 0); border-right-color:#4c6c7d; border-width:30px; margin-top:-30px;}
#darkred {background-color:#ed6c5d; color:#fff; position:relative; display:none}
#darkred h2 {color:#fff; border-bottom:dotted 1px #fff}
#darkred:after {	right:100%; bottom:59%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-color:rgba(253, 197, 65, 0); border-right-color:#ed6c5d; border-width:30px; margin-top:-30px;}
#dullblue {background-color:#6fc8df; color:#fff; position:relative}
#dullblue h2 {color:#fff; border-bottom:dotted 1px #fff}
#dullblue:after {	right:100%; top:15%; border:solid transparent; content:" "; height:0; width:0; position:absolute; border-color:rgba(253, 197, 65, 0); border-right-color:#6fc8df; border-width:30px; margin-top:-30px;}

.historymobilewrapper {display:none}
.historymobilewrapper .su-accordion .su-spoiler .su-spoiler-title{ border:solid 1px #858585; font-size:22px; font-weight:400; color:#007abd; padding:14px 0 14px 45px; border-bottom:none }
.historymobilewrapper .su-accordion .su-spoiler > .su-spoiler-title {border:solid 1px #000; border-bottom:solid 1px #000!important; border-radius:5px}
.historymobilewrapper .su-spoiler {margin-bottom:1px!important}
.click-menu-active {position:fixed!important; background-color:#000; opacity:0.6; left:0; right:0!important; top:0!important; bottom:0; transition:backtround 0.5s}

/* ABOUT US ALL SERVICES SECTION CODE */
#blogbg .flickity-prev-next-button.next {display:none!important}
.pageimage {max-width:100%; float:left; margin-right:35px}
.projectthumb { background-color:#fff; padding:5px;}
.mfp-bottom-bar, .mfp-content figcaption{display:none}
.su-carousel-centered{margin:0!important; height:170px!important}
.mfp-img{border:15px solid #fff; padding:0!important}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#fff; right:-25px!important; text-align:center!important; height:50px!important; width:50px!important; background:#000!important;  border-radius:50%!important; top:-25px!important; padding:0!important}
#postinfo, #postinfo a {color:#fff; font-size:16px; display:inline-block; width:auto;}
@media only screen and (min-width:319px) and (max-width:574px) {
	#postinfo.fr, #postinfo.fl{float:none; display:block; margin:0 auto; }
}

/* HOME PAGE REDESIGN SERVICES SECTION - BHARGAV EDITED CODE */
.greybg .two-third{width:62%}
.specialp{font-size:18px; line-height:32px;}
.home-services{padding-left:calc(50%); padding-top:20px; position:relative;}
.home-services .bigtitle {font-size:42px; margin-top:0; line-height:normal; margin:0 0 14px 0; font-weight:300; color:#fff; }
#servicelist {list-style:none; padding:0; margin:0; }
#servicelist li {height:45px; line-height:45px; margin-top:15px; display:block; }
#servicelist li:first-child {margin-top:20px;}
#servicelist li a {text-decoration:none;}
.servicetitle {font-size:22px; color:#fff; display:block; z-index:1; background:rgba(255,255,255,.1); padding:0 25px; box-sizing:border-box; border-left:solid 3px #ffc107; transition:all .4s ease-in; }
.box { line-height:0; box-shadow:0 0px 36px rgba(0,0,0,.3); border:10px solid rgba(255,255,255,1); box-sizing:border-box; position:absolute; width:calc(50% - 35px); height:100%; left:0; top:5px; display:none; }
.box img { width:100%; height:100%; }
li:nth-child(1) .box, li:nth-child(2) a:hover + .box, li:nth-child(3) a:hover + .box, li:nth-child(4) a:hover + .box, li:nth-child(5) a:hover + .box, li:nth-child(6) a:hover + .box, li:nth-child(7) a:hover + .box {display:block;}
.last-updated { font-size:small; text-transform:uppercase; background-color:#fffdd4; color:#fff }

.hometoptitle1 {margin-bottom:40px; letter-spacing:-1.5px; color:#546e7a}
.hometoptitle1 span {color:#363636; position:relative}
.hometoptitle1:after {content:""; display:block; height:4px; width:250px; background-color:#f38929; position:relative; top:15px}

.statsbar {width:35%; float:left; box-sizing:border-box; margin-left:3%}
.uspicon{position:relative; height:50px; width:50px; margin-bottom:25px; display:block}
.valuenumber, .stat-title {text-align:left}
.stat-number {font-size:42px; color:#035f8a; font-weight:700; font-family:'Oswald', sans-serif}
.plus {font-size:36px; color:#f38929; font-weight:300}
.stat-title { font-size:17px; margin-top:10px; color:#000000; letter-spacing:-0.2px; font-weight:300;}
.statsbar .one-half{padding:20px 0px 55px 45px; box-sizing:border-box;}
.client-carousel{overflow:hidden}

/* INNER / SERVICES PAGES REDESIGNING CODE */
.responsive-intro-img{width:100%; max-width:100%; border:1px solid #808080; margin-bottom:30px; display:block; position:relative}
.sideservices{position:relative; font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.serheading, .popular-posts div.widget-title, .recent-posts div.widget-title{background:#d1d1d1; color:#4a4a4a; font-weight:300; padding:10px 25px; box-sizing:border-box; font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; font-size:26px;}
.serheading span, .popular-posts div.widget-title span, .recent-posts div.widget-title span{font-weight:700}

.serboxtitle{font-size:13px; color:#d1d1d1; display:block; text-align:center; transition:all 0.4s ease-in; font-weight:400}
ul.servicelisting, ul.servicenormal{position:relative; list-style:none}
ul.servicelisting li{display:inline-block; width:50%; float:left}
ul.servicelisting li a{display:block; background-color:#f2f2f2; border:1px solid #e3e3e3; box-sizing:border-box; text-align:center; padding:20px 0; font-size:24px; color:#d1d1d1; transition:all 0.4s ease-in; font-weight:700}
ul.servicelisting li a:hover {text-decoration:none}
ul.servicelisting li a:hover .serboxtitle{color:#fff;}
.servicelisting li a:hover, ul.servicenormal li a:hover, ul.servicenormal li.current-menu-item a:hover{color:#fff; background:#007abd; text-decoration:none; height:100%; display:block}

.servicenormal ul li{ display:block; border:1px solid #dedede; border-bottom:0; box-sizing:border-box }
.servicenormal ul li:last-child{ border-bottom:1px solid #dedede;  }
.servicenormal ul li a{display:block; padding:10px 25px; box-sizing:border-box; transition:all 0.4s ease-in; color:#546e7a }
.servicenormal ul li a:hover, .servicenormal ul li.current-menu-item a:hover{color:#fff; background:#007abd; text-decoration:none; height:100%; display:block}
.servicenormal ul li.current-menu-item{color:#fff!important; background:#007abd; text-decoration:none; }
.servicenormal ul li.current-menu-item a{color:#fff}
.servicenormal ul li p{padding:10px 25px; box-sizing:border-box; margin-bottom:0 }
.servicesbanners{box-sizing:border-box; position:relative; margin-bottom:30px;  border:1px solid rgba(0,0,0,0.2); overflow:hidden; height:315px;}
#servicebanner{width:auto; box-sizing:border-box; height:315px;}
#servicebanner .bannerslide{height:315px; background:none}
#millworkbanner{width:auto; box-sizing:border-box; height:315px;}
#millworkbanner .bannerslide{height:315px; background:none}

.heightspecial .su-carousel-centered{height:225px!important}
.responsivlink{margin-bottom:20px; display:block}

/* CONTACT PAGE & SIDEBAR FORM SETTING CODE */
#contactpageform input[type=text], #contactpageform input[type=email], #contactpageform input[type=tel], #contactpageform textarea {width:100%; height:50px; margin-bottom:20px; background-color:#fff; color:#000; border:solid 1px #ccc; padding:0 10px; box-sizing:border-box; font:13px/23px Arial, Helvetica, sans-serif}
#contactpageform textarea {overflow:auto; height:110px; margin-bottom:0}
#contactpageform span.wpcf7-not-valid-tip {position:absolute; top:-1px; right:10px; font-size:16px!important}
#contactpageform .message span.wpcf7-not-valid-tip {top:-67px!important}
#contactpageform input[type=text].wpcf7-quiz {width:50%!important}

#sidecontactform{margin:30px 0; background:#f2f2f2; display:inline-block; width:100%; border:1px solid rgba(204, 204, 204, 0.63); box-sizing:border-box}
#sidecontactform ul{list-style:none; width:90%; margin:20px auto 20px auto;}
#sidecontactform ul li {margin-bottom:10px;}
#sidecontactform ul li input[type="text"], #sidecontactform ul li input[type="email"], #sidecontactform ul li input[type="tel"], #sidecontactform ul li textarea{ border:0; border:1px solid #cdd6de; background:#fff; width:100%; font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:25px; padding:5px 10px; box-sizing:border-box}

#sidecontactform ul li textarea{height:150px;}
#sidecontactform ul li input[type="button"], .ctabtn{ background:url(images/orange-dot-2.png) repeat; border:0; padding:15px 20px; width:auto; margin:0 auto; text-align:center; display:inline-block; border-radius:5px; color:#ffffff;font-size:18px; font-weight:500; font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; cursor:pointer }
#sidecontactform ul li input[type="button"]:hover, .ctabtn:hover{ background:#0b3756; color:#fff}
span.wpcf7-list-item{margin:0!important; line-height:22px!important}
span.wpcf7-list-item-label{font-size:14px!important; position:relative!important; top:-1px!important;}
#sidecontactform {margin-top:20px}
#sidecontactform ul li{background:none!important; padding:0; border:none}

.gallery{display:block; position:relative; width:100%; height:100%; overflow:hidden; border:1px solid #ededed; padding:5px; box-sizing:border-box;}

.greybar{background-color:#eaeaea; color:#282828; padding:60px 0; box-sizing:border-box; margin-bottom:30px; height:auto}
.greybar h3{margin-bottom:40px; font-size:30px; letter-spacing:-1px}
.greybar ul li{display:inline-block}
.greybar ul li{display:inline-block; width:16.47%; text-align:center; border-right:1.5px solid #D1D1D1; box-sizing:border-box}
.greybar ul li:last-child{border:none}
.greybar ul li a{ color:#000; font-size:18px; font-weight:700}

/* Case Study New Design Code - B120918 */
h1.articletitle, p.articletitle, p.articletitle {text-transform:none; color:#546e7a; line-height:normal; font-size:40px; font-weight:400; font-family:'Oswald'; margin-bottom:20px;}
.titlewidth h1.articletitle {border-bottom:0;margin-bottom:0px;} /* For Mobile Versions .titlewidth h1.articletitle {width:75%}*/
hr.special{color:#ccc; margin-bottom:30px; opacity:0.5 }
#csinfo-head{background:#d1d1d1; color:#546e7a; text-align:left; padding:8px 25px 8px 10px; box-sizing:border-box; font-size:22px; border-right:1px solid #fff; }
#csinfo-container{ display:block; position:relative;}
#csinfo-row{ display:flex; height:100%; position:relative; background-color:rgba(0, 122, 189, 0.50); text-align:left; font-size:16px; line-height:28px; font-weight:400; border-bottom:1px solid #fff }
.info-title{-webkit-align-self:center; align-self:center; padding:3px 10px; box-sizing:border-box; color:#000000; width:30%; float:left;}
.info-desc{-webkit-align-self:center; align-self:center; padding:3px 10px; box-sizing:border-box; background:rgba(247, 247, 247, 0.90); color:#546e7a;  width:70%; float:left; margin-left:1px}
.cs-challanges{ padding:15px 5px; box-sizing:border-box; width:99%; margin:0px 0px 5px 10px;  }
.cs-challanges h2{margin-top:0}
.cs-challanges ul li{font-size:17px; line-height:30px; margin-bottom:10px;}
.bg{background:rgb(234, 240, 244);}
.relatedcs{ background:#d1d1d1; padding:30px; box-sizing:border-box;}
.relatedcs .cshead{color:#546e7a; font-size:26px; font-weight:500; margin-bottom:20px; display:block;}
.relatedcs ul{list-style:none}	
.relatedcs ul li{display:inline-block; width:31.3333333%; float:left; margin-right:3%; box-sizing:border-box; background:#fff; position:relative; border-left:5px solid #007abd; }
.relatedcs ul li a{ display:block; padding:20px 20px 0 20px; box-sizing:border-box; height:auto;  min-height:150px;  }
.relatedcs ul li:nth-child(3n){margin-right:0}
.relatedcs:after{content:''; display:table; clear:both}
/* - Flickity - */
.flickity-enabled{position:relative;}
.flickity-enabled:focus{outline:none;}
.flickity-slider{position:absolute; width:100%; height:100%;}
.flickity-enabled.is-draggable {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move; cursor:-webkit-grab; cursor:grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing; cursor:grabbing;}
.flickity-prev-next-button {position:absolute;top:44%;width:44px;height:44px;border:none;border-radius:50%;background:white;background:hsla(0, 0%, 100%, 0.75);cursor:pointer;/* vertically center */-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.flickity-prev-next-button:disabled{color:#8b8b91!important; cursor:auto;opacity:0.3;}
.flickity-prev-next-button svg {position:absolute;left:20%;top:20%;width:60%;height:60%;display:block}
.flickity-prev-next-button{height:40px; width:40px; background:rgba(255, 255, 255, 0.59); border:0; box-shadow:0 0 9px #000; border-radius:50%; padding:10px; position:absolute; top:35%;}
.flickity-prev-next-button.next{right:15px}
.flickity-prev-next-button.previous{left:15px}
.flickity-page-dots {position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;}
.flickity-page-dots .dot {display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:0.25;cursor:pointer;}
.flickity-page-dots .dot.is-selected {opacity:1;}
.flickity-viewport {overflow:hidden;position:relative;height:100%;min-height:110px;}
.flickity-prev-next-button:hover {background:white;}
.flickity-prev-next-button:focus {outline:none;box-shadow:0 0 0 5px #09F;}
.flickity-prev-next-button:active {opacity:0.6;}
.flickity-prev-next-button .arrow {color:#333;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left:10px; background:url('images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position:0 0; }
.bx-wrapper .bx-next { right:10px; background:url('images/controls.png') no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position:-43px 0; }
.bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; }
.bx-wrapper .bx-controls-direction a.disabled { display:none; }
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; color:#666;}
.bx-wrapper .bx-pager.bx-default-pager a { background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#000; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; }
.bx-wrapper .bx-pager-item {font-size:0; line-height:0; }
.csimages{margin-top:30px;}
.su-spoiler-content{color:#546e7a; font-weight:400;}

/* HOME PAGE BANNER SETTINGS */
.homebanner .flickity-page-dots {display:block!important; bottom:15px!important}
.homebanner .flickity-page-dots .dot {background:#fff!important}
#banner {width:100%; box-sizing:border-box}
.bannerslide {width:100%; max-height:589px; }
.bannerslide img {max-width:100%!important; height:auto!important}
.bannerslide .wrapper {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center}
.homebanner {width:100%; height:589px; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad.jpg) no-repeat center top; background-size:100% auto; }
.homebanner .wrapper {position:relative; text-align:center; top:20%}
.bannerheading{color:#fff; font:60px/60px 'Oswald', sans-serif!important; font-weight:100!important; text-shadow:0px 0px 15px #000; display:inline-block; margin-bottom:30px; padding:10px 30px 15px 30px; background-color:rgba(0, 0, 0, 0.5)}
.bannerheading span {color:#f38929; text-shadow:0px 0px; font-weight:400!important; }
.bannertext {color:#fff; text-align:center; text-shadow:2px 2px 0 #363636; font:20px/36px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif!important; font-weight:400!important; display:block; padding:10px 30px 15px 30px; background-color:rgba(0, 0, 0, 0.5); width:80%; margin:0 auto 30px auto; }
.bannertext span { color:#fff; font-weight:700}
.bannerbtn{background:url(images/orange-dot-2.png) repeat; font-size:18px; line-height:38px; border-radius:4px; padding:8px 40px; font-weight:600; text-transform:uppercase; color:#fff; position:relative; transition:all 0.5s ease-out; text-decoration:none; border:1px solid #f38929; display:inline-block; box-shadow:0 0 10px rgba(0, 0, 0, 0.20); }
#banner2, #banner3, #banner4 {display:none}

.csboxin{position:relative; width:45%; margin:5px 0px 10px 25px; border:1px solid rgba(204,204,204,.63); background:#f2f2f2; float:right}
.csboxin .csboxhead{background:#d1d1d1; color:#4a4a4a; font-weight:300; padding:10px 15px; box-sizing:border-box; font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; font-size:20px; }
.csboxin .csboxhead span{font-weight:700;}
.csboxin ul {padding:15px; box-sizing:border-box; margin-bottom:0 }
.csboxin ul li a{color:#007abd; font-size:17px; line-height:28px; font-weight:400}

.millworkbanner .projectimage{border:1px solid #d1d1d1; box-sizing:border-box;}
.millworkbanner{margin-bottom:30px;}
.millworkbanner .projectimage a.gallery img{width:100%;height:100%;min-height:100%;margin:0;padding:0;display:block;}
.swp_social_panelSide.slide, .swp_social_panelSide.fade{top:50%!important; display:block!important}
#dpsp-content-bottom{display:none!important}
.desktop-client{display:block!important; max-width:100%}
.mobile-client{display:none!important}
#dpsp-floating-sidebar.dpsp-position-left{top:425px!important}
.ctabtncontainer{clear:both; float:right; width:45%; position:relative;}

@media only screen and (max-width:1169px) {
    #breadcrumb {font-size:11px!important; line-height:20px; padding:0 0 0 0; background:none!important}
    .breadcrumbalt{position:relative!important; top:0px!important; display:inline-block; }
    .breadcrumbalt a{background-color:#e4e4e4!important; border-radius:2px; font-weight:400; max-height:30px; padding:5px 15px 5px 10px!important; line-height:25px!important;}
}
@media only screen and (max-width:480px) {
	.desktop-client{display:none!important;}
	.mobile-client{display:block!important; max-width:100%}
}
@media only screen and (min-width:359px) and (max-width:1280px) {
	.responsive-intro-img{margin:10px 0; display:block; position:relative}
	blockquote{ padding:0; margin-bottom:20px; font-size:20px; line-height:34px; font-weight:500; }
	#innerwrapper {box-sizing:border-box}
	#innerbanner{height:auto; padding:10px; box-sizing:border-box}
	#innerbanner h1{ font-size:1.75em; margin-top:20px; text-align:left; line-height:1.25em}
}
@media only screen and (min-width:768px) and (max-width:1169px){
	#breadcrumb span, #breadcrumb span:last-child a span{color:#fff; font-size:13px; line-height:14px; position:relative!important}
	#breadcrumb span a span{color:#fff; text-decoration:underline; font-size:13px; line-height:14px;}
	#breadcrumb span:last-child a span{text-decoration:none}
	#breadcrumb .bcsep{width:10px; height:20px; display:inline-block;  position:relative; background:none  }
	#breadcrumb .bcsep:after{content:'/';  color:#fff; position:relative;top:-9px; margin:0 0px 0 3px; font-size:15px; }
}
@media only screen and (min-width:359px) and (max-width:767px) {
	nav, .footerright br{display:none}
	#breadcrumb span, #breadcrumb span:last-child a span{color:#fff; font-size:13px; line-height:14px; position:relative!important}
	#breadcrumb span a span{color:#fff; text-decoration:underline; font-size:13px; line-height:14px;}
	#breadcrumb span:last-child a span{text-decoration:none}
	#breadcrumb .bcsep{width:10px; height:20px; display:inline-block;  position:relative; background:none  }
	#breadcrumb .bcsep:after{content:'/';  color:#fff; position:relative;top:-9px; margin:0 0px 0 3px; font-size:15px; }
	.highlight{padding:0}
	#responsive-menu-button{right:10px!important; }
	#innerwrapper{padding:20px 10px; box-sizing:border-box;}
	.csimages{margin-top:0px;}
	.csimages .margin3:nth-child(2n){margin-right:3%!important}
	#innerwrapper .csimages .one-fourth, #innerwrapper .csimages .one-fourth:nth-child(2n){margin-left:1.5%!important; margin-right:1.5%!important; width:47%; float:left}
	.csimages .one-fourth img.width70{height:auto; width:40%; margin:0 auto; text-align:center; float:none; position:relative; display:flex;}
	.csimages img {width:100%; max-width:100%; height:auto}
	#logo{ height:auto; left:6px; top:20px; width:115px; }
	.thepost p, .thepost ul li, .thepost ul li a{font-size:17px; line-height:32px;}
	.cs-challanges{width:auto}
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}
}
@media only screen and (min-width:359px) and (max-width:639px) {
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:16px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:100%; margin:0; box-sizing:border-box;}
	.footerleft, .footerright{float:left; width:100%; display:block}	
	.footerbar .footerleft a{display:inline-block}
	.footerright a:first-child:after, .footerleft a:last-child:after{content:''; display:table; clear:both}
	.serheading, .popular-posts div.widget-title, .recent-posts div.widget-title{padding:10px;}
	#popularposts .bannerslide{min-height:auto!important; height:auto!important}
}
@media only screen and (min-width:359px) and (max-width:979px) {
	.mechanicaltabsmobile {display:block}
	.mechanicaltabs{display:none}	
	#postinfo, #postinfo a{font-size:16px;}
	#dpsp-content-bottom{display:block!important}
}	
@media only screen and (min-width:1280px) and (max-width:1339px) {
	.greybg{padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	/*.home-services{padding:0 20px;}
	.home-services{position:relative; padding-top:20px;}*/
	nav {top:15px}
	.popform{top:30px;}
	.bimbanner{width:100%; height:289px}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:246px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}		
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:44px/54px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:0 auto 20px auto!important; font-weight:300!important; width:85%;}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
}
@media only screen and (min-width:801px) and (max-width:1280px){
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px 15px 0 15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{font-size:16px; line-height:26px;}
	.featuredpostimg{width:100%; height:255px;}	
}
@media only screen and (min-width:319px) and (max-width:1279px) {
	.csbox {width:100%; float:none; margin:0 auto 0 auto}
	.csboxin{width:100%; float:none; margin:10px auto 15px auto}
}
@media only screen and (min-width:1170px) and (max-width:1279px) {
	.wrapper {width:1150px;}
	#blogbg .wrapper{width:100%}
	.greybg{padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services{position:relative; padding-top:20px;}	
	nav {top:15px}
	.popform{top:30px;}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:277px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}					
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:276px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}		
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:44px/54px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:0 auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:60px; transform:none; text-align:center;}				
}
@media only screen and (min-width:980px) and (max-width:1169px) {
	.wrapper {width:970px}
	.width50 img {max-width:100%}
	h1, .bigtitle {line-height:48px}
	nav ul li {padding:20px 10px}
	.popform{padding:3px 10px;}
	nav ul li a{font-size:14px;}
	.bannertext {font-size:43px!important; line-height:56px!important; padding:0}
	.downloadbrochure {font-size:17px; line-height:normal; height:auto}
	#blogbg .one-fourth {min-height:auto; padding-bottom:40px}
	.submenu li a {padding:0 5px}
	.bcsep {margin:0}
	#cstop span, #cstop span#tech {padding:10px; font-size:17px}
	#photoscroll .flickity-viewport {min-height:115px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.homecsthumb {height:auto}
	#mapbar p.headline {top:15px}
	#blogbg .wrapper{width:100%}
	nav li#menu-item-11077 ul{ width:960px; top:82px; margin:0 auto; left:-360px; right:-340px; padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#clients, #blogbg {padding:20px; box-sizing:border-box}		
	nav {top:15px}
	.popform{top:30px;}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:227px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%}
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}		
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}				
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.33%; margin-right:18px; vertical-align:top }
	.blogpost ul li:nth-child(3n){margin-right:0}	
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}	
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}	
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:60px; transform:none; text-align:center;}			
}
@media only screen and (min-width:1168px) and (max-width:1920px) {
	.blogpost ul li .postthumb img{height:auto;display:block;width:100%}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.333333%; margin-right:3%; vertical-align:top; float:left }
	.blogpost ul li:nth-child(3n){margin-right:0}
	.blogpost ul li:nth-child(3n + 1){float:left; position:relative; display:block; clear:none;}
}
@media only screen and (min-width:719px) and (max-width:979px) {#dpsp-floating-sidebar{display:none!important;}}
@media only screen and (min-width:801px) and (max-width:979px) {
	.popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}	
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:35px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:20px; line-height:34px}
	h1, .bigtitle {line-height:48px}
	.rightpadd {padding-right:20px}
	.greybg {padding:20px 0 30px 0}
	#bluerow {padding:25px 0 35px 0}
	#clients, #blogbg {padding:20px; box-sizing:border-box}
	#blogbg .one-fourth {width:48.5%!important; margin-bottom:30px; min-height:auto; padding-bottom:0px}
	#blogbg .one-fourth:nth-child(2n){margin-right:0}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	nav {right:120px; top:20px}
	.topctabtn{display:block; padding:0 5px; top:35px; right:-6px; font-size:14px; }
	nav ul li {padding:16px 5px}
	nav ul li#menu-item-7006 {display:none}
	nav ul li a {font-size:14px}
	#logo { width:135px; height:auto; top:35px;}
	.downloadbrochure {font-size:16px; line-height:normal; height:auto; padding:10px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	.stat-number {font-size:50px}
	.plus {font-size:35px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:30px}
	.ilink {font-size:16px}
	.blogthumb {float:none; margin:0 0 20px 0}
	.submenu {top:-42px}
	.submenu li {height:32px; line-height:32px}
	.submenu li a {font-size:12px; padding:0 4px}
	.bcsep {margin:0}
	#sidebar {width:100%}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .flickity-viewport {min-height:91px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.homecsthumb {height:auto}
	.contactside, .contactfrm {width:100%; margin:0; float:none}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	nav li#menu-item-11077 ul { width:780px; top:82px; margin:0 auto; left:-380px; right:-340px; padding:20px;}
	nav li#menu-item-11077 ul li a{ font:16px/28px 'Oswald', sans-serif; }
	nav li#menu-item-11077 ul li ul a {font-size:12px!important; line-height:21px!important}
	nav ul ul {top:58px}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}		
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:185px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}	
	.width70{width:64%; float:left;}	
	.width27 {width:33%; float:left;}	
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}	
	.downloadpdf{right:15px!important; top:40px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:34%}
	.info-desc{width:66%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}			
	#topleft{font-size:0.70em}	
	.industrywrap .one-third:nth-child(2n) {margin-right:3%!important}
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:40%; margin:0; box-sizing:border-box;}
	#footerbar .footerright br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.33%; margin-right:18px; vertical-align:top }
	.blogpost ul li:nth-child(3n){margin-right:0}
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:193px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}	
	#blogbg{margin-bottom:0!important}
	 .homebanner, .bannerslide, .homebanner .bannerslide img{height:340px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.thepost p, .thepost ul li{font-size:17px; line-height:30px;}
	.thepost h2{font-size:26px; line-height:38px;}
	#blogtags a, #blogtags span{font-size:12px; margin:5px 0 0 5px;}
	#blogbg .one-fourth, #popularposts .bannerslide{min-height:auto!important; height:auto!important}
	#breadcrumb span{margin:0 3px;}	
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:40px; transform:none; text-align:center;}		
}
@media only screen and (min-width:768px) and (max-width:800px) {
	.popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:35px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:18px; line-height:30px}
	h1, .bigtitle {line-height:48px}
	.rightpadd {padding-right:20px}
	.greybg {padding:20px 0 30px 0}
	#bluerow {padding:25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	#blogbg .one-fourth {width:48.5%!important; margin-bottom:30px; min-height:auto; padding-bottom:0px}
	#blogbg .one-fourth:nth-child(2n){margin-right:0}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	#blogbg{margin-bottom:0!important}
	nav {right:120px; top:20px}
	.topctabtn{display:none; padding:0 5px; top:35px; right:-6px; font-size:14px;}
	nav ul li {padding:16px 5px}
	nav ul li#menu-item-7006 {display:none}
	nav ul li a {font-size:13px}
	#logo {width:135px; height:auto; top:35px;}
	nav ul li#menu-item-7006 {display:none}	
	.downloadbrochure {font-size:16px; line-height:normal; height:auto; padding:10px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	.stat-number {font-size:50px}
	.plus {font-size:35px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:30px}
	.ilink {font-size:16px}
	.blogthumb {float:none; margin:0 0 20px 0}
	.scroll-back-to-top-wrapper {right:5px!important}
	.submenu {top:-42px}
	.submenu li {height:32px; line-height:32px}
	.submenu li a {font-size:12px; padding:0 3px; margin-right:1px}
	.bcsep {margin:0}
	#sidebar {width:100%}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .flickity-viewport {min-height:85px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.popsubmit {float:none!important;}
	.homecsthumb {height:auto}
	.contactside, .contactfrm {width:100%; margin:0; float:none}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	nav li#menu-item-11077 ul{ width:760px; max-width:760px; margin:0 auto; position:absolute; left:-160px; padding:10px;}
	nav ul ul {top:58px}
	nav li#menu-item-11077 ul li ul a {font-size:12px!important; line-height:20px!important}
	.greybg .two-third{width:100%}
	.statsbar{ width:100%; padding:0; margin:0 auto; }
	.statsbar div:first-child, .statsbar div:last-child{width:50%; float:left}
	.statsbar .one-half{padding:30px 40px 0px 45px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:195px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}
	/*.width70{width:64%; float:left;}	
    .width27 {width:33%; float:left;}*/
    .width70, .width27 {width:100%; float:none;}
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}		
	#topleft{font-size:0.70em}
	.industrywrap .one-third:nth-child(2n) {margin-right:3%!important}	
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:40%; margin:0; box-sizing:border-box;}
	#footerbar .footerright br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	#footerbar a:last-child:after{content:''; display:table; clear:both}		
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; width:47%; margin:0 1.5% 3% 0; float:left;}
	.blogpost ul li:nth-child(3n){margin-right:1.5%}	
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:193px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}
	ul.servicelisting li a{min-height:125px; font-size:18px; padding:30px 0}
	.serboxtitle{line-height:16px;}
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:320px!important; width:100%} 
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px 15px 0 15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{font-size:16px; line-height:26px;}
	.featuredpostimg{width:100%; height:255px;}	
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}	
}
@media only screen and (min-width:640px) and (max-width:767px) {
	#projectlable br, .submenu, .hidesmall, .popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}
	#logo {height:auto; left:6px; top:18px; width:130px; }
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:30px}
	h1, .bigtitle {line-height:48px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:18px; line-height:30px}
	#bloghead {font-size:40px}
	.greybg {padding:20px 0 30px 0}
	#bluerow {padding:25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	#bluwrow .aligncenter {margin-bottom:0}
	#blogbg .one-fourth{width:48.5%!important; margin-bottom:30px; min-height:auto}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; left:auto!important; right:0; background:none!Important}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:42px!important; height:5px!important}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	#wprmenu_menu.right {top:123px}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third {width:100%; float:none; margin-bottom:25px}
	#innerwrapper .one-half, #sidebar, .width50 .one-half, .width50  {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:29px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0; line-height:26px;}
	.statsbar {margin-top:40px; margin-bottom:30px}
	#wocs2 {font-size:40px}
	#innerwrapper .one-third:before, #innerwrapper .width27:before {display:block; content:""; clear:both}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:48.5%}
	#photoscroll .flickity-viewport {min-height:165px!Important;}
	.mfp-content .su-lightbox-content {width:90%!important; padding:20px!important; box-sizing:border-box!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {width:50%}
	#banner .one-half {width:100%; margin-right:0!important; text-align:center!important; float:none}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	.margin3:nth-child(2) {margin-right:0}
	.greybg .two-third{width:100%}
	.statsbar{ width:100%; padding:0; margin:0 auto; }
	.statsbar div:first-child, .statsbar div:last-child{width:50%; float:left}
	.statsbar .one-half{padding:10px 10px 0px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	.topctabtn {display:inline-block; right:9%; font-size:12px; padding:0 8px}		
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}		
	/*ul.servicenormal li*/.servicenormal ul li{width:50%; float:left;}
	#sidecontactform ul li{width:49.5%; float:left; margin-right:1%}	
	#sidecontactform ul li:nth-child(2n){margin-right:0%}		
	/*ul.servicenormal li*/ .servicenormal ul li{border-bottom:1px solid #dedede }	
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}	
	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px}
	#topleft{font-size:0.70em}	
	.industrywrap .one-fourth{width:48.5%!important; margin-right:3%!important; float:left!important; margin-bottom:0px!important}
	.industrywrap .one-fourth:nth-child(2n) {margin-right:0!important}
	#cswrapper .one-third {width:31.3%!important; margin-right:3%!important; float:left!important; margin-bottom:20px!important}
	#cswrapper .one-third:nth-child(3n) {margin-right:0!important}	
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:49%; margin:0; box-sizing:border-box;}
	#footerlocation .address br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	#footerbar a:last-child:after{content:''; display:table; clear:both}		
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; width:47%; margin:0 1.5% 3% 0 ; float:left;}
	.blogpost ul li:nth-child(3n){margin-right:1.5%}
	.bimbanner{width:100%!important; }
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:100%}
	.bimbanner .bannerslide {height:230px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:200px!important; width:80%; position:relative; float:left;}
	.servicesbanners{margin:10px auto 30px auto; float:none}
	#servicebanner .bannerslide img{height:100%!important; width:100%}	
	.responsivlink{ width:50%!important; display:block}		
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	#blogbg{margin-bottom:0!important}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:300px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{display:none}	
	.featuredpostimg{width:100%; height:155px;}
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:15px; transform:none; text-align:center;}	
}
@media only screen and (min-width:480px) and (max-width:639px) {
	#projectlable br, .submenu, .hidesmall, .popform, .hideservices, #mapbar {display:none!important}
	.wrapper {width:95%}
	#logo {height:auto; left:6px; top:18px; width:130px; }
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:30px}
	h1, .bigtitle {line-height:48px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	#bloghead {font-size:40px}
	.greybg {padding:20px 0 30px 0}
	#bluerow {padding:25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	.servicethumbs .one-sixth {width:31.33%; margin-right:3%; margin-top:25px}
	.servicethumbs .one-sixth img {width:100%}
	.servicethumbs .one-sixth:nth-child(3n+3) {margin-right:0}
	#blogbg .one-fourth{width:48.5%!important; margin-bottom:30px; min-height:auto}
	#testimonials .wrapper {padding:25px 0}
	.testimony .width50 {text-align:center}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:42px!important; height:5px!important}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar {width:100%; float:none; margin-bottom:25px}
	#bloghead {font-size:35px; text-align:center}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:48px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	#innerwrapper .one-third:before, #innerwrapper .width27 {display:block; content:""; clear:both}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-fourth{width:48.5%!important; margin-right:3%!important; float:left!important; margin-bottom:0px!important}
	.industrywrap .one-fourth:nth-child(2n) {margin-right:0!important}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	#blogbg .one-fourth {padding-bottom:40px}
	.scroll-back-to-top-wrapper {right:5px!important}
    .bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:48.5%}
	#photoscroll .flickity-viewport {min-height:auto!Important;}
	.mfp-content .su-lightbox-content {width:96%!important; padding:20px!important; box-sizing:border-box!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	.margin3:nth-child(2) {margin-right:0}
	.greybg .two-third{width:100%}
	.statsbar {margin-bottom:20px; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:38px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	.topctabtn {display:inline-block; right:12%; font-size:12px; padding:0 8px}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:200px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%!important}	
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:10px 15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}	
	#sidecontactform ul li{width:49%; float:left; margin-right:1.5%}
	#sidecontactform ul li:nth-child(2n) {margin-right:0}
	/*ul.servicenormal li*/ .servicenormal ul li{width:50%; height:65px; float:left; display:flex; justify-content:center; flex-direction:column; text-align:left; border-bottom:1px solid #dedede }	
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}
	ul.servicenormal{display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; justify-content:space-around; align-items:center; }
	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{font-size:15px; display:block; padding:10px; box-sizing:border-box; line-height:19px; }
	#topleft{font-size:0.70em}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:198px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.responsivlink{ width:50%!important; display:block}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:300px!important; width:100%}	
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:10px;}	
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size:100% 100%; height:400px!important;}
	.homebanner .wrapper {position:relative; top:40px; transform:none; text-align:center;}
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}
}
@media only screen and (min-width:360px) and (max-width:479px) {
	submenu, .hidesmall, .popform, #mapbar {display:none!important}
	.wrapper {width:95%}
	#logo {height:auto; left:6px; top:18px; width:130px}
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img{max-width:100%}
	h1, .headline, .bigtitle {font-size:28px; line-height:normal}
	h1.articletitle, p.articletitle {font-size:24px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	.greybg {padding:20px 0 30px 0}
	#bluerow {padding:25px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	.servicethumbs .one-sixth {margin-top:10px; margin-bottom:5px; width:48.5%}
	.servicethumbs .one-sixth img{width:100%}
	.servicethumbs .one-sixth:nth-child(2n+3) {margin-right:0}
	#blogbg {padding-bottom:5px}
	#clients {padding:20px 0 30px 0}
	#clients .one-sixth {width:32%; margin-right:1%}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0; top:73px}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:35px!important; height:5px!important; border-radius:4px}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	#topleft{font-size:0.70em}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar {width:100%; float:none; margin-bottom:25px}
	#bloghead {font-size:24px; text-align:center; height:100px; line-height:100px}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	.ctabtn {font-size:19px}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#innerwrapper .one-fourth:nth-child(2n) {margin-right:0!important}
	#breadcrumb #pageshare {margin-top:10px; float:none}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-third {width:48.5%; margin-right:3%!important}
	.industrywrap .one-third:nth-child(2n) {margin-right:0!important}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.blogthumb img {max-width:100%; height:auto}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:100%; margin-right:0!important}
	#photoscroll .flickity-viewport {min-height:auto!Important; margin-bottom:20px}
	.mfp-content .su-lightbox-content {width:96%!important; padding:10px!important; box-sizing:border-box!important}
	#photoscroll .flickity-page-dots .dot {width:7px!Important; height:7px!important; margin:0 4px!important}
	#photoscroll .one-fourth img {width:108%!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="text"], #contactpageform input[type="email"], #contactpageform input[type="tel"], #contactpageform textarea {margin-bottom:0}
	.ctabtn a.su-button span {font-size:17px!important}
	.ctabtn2 {font-size:22px; width:90%}
	.ctahead {font-size:18px; line-height:30px}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	#banner .one-half {width:100%; margin-right:0!important; text-align:center!important; float:none}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	.greybg .two-third{width:100%}
	.statsbar {margin:0; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	.topctabtn {display:inline-block; right:14%; font-size:12px; padding:0 8px}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:150px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%!important}	
	.servicesbanners{margin-bottom:20px;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}	
	#sidecontactform ul li{width:49%; float:left; margin-right:1.5%}
	#sidecontactform ul li:nth-child(2n) {margin-right:0}
	/*ul.servicenormal li*/.servicenormal ul li{width:50%;height:65px;float:left;display:flex;justify-content:center; flex-direction:column; text-align:left; border-bottom:1px solid #dedede  }
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}
	ul.servicenormal{display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; justify-content:space-around; align-items:center; }
	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{font-size:15px; display:block; padding:10px; box-sizing:border-box; line-height:19px; }
	img.client{width:90%; max-width:90%; height:auto; margin:0 auto}		
	#blogbg .one-fourth{height:auto; min-height:320px; /*margin-bottom:0;*/}
	.dateicon{display:inline-block!important}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}	
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:150px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:400px!important; width:100%}
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:10px;}	
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}	
    .ctabtncontainer{float:none; width:100%; margin:0 auto 14px auto; display:inline-block;}
    .responsiveimg{max-height:330px!important}
}
@media only screen and (max-width:359px) {
	.submenu, .hidesmall, .popform, #mapbar, nav {display:none!important}
	.wrapper{width:95%}
	#innerpage, #blogbg .wrapper, #innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27{width:100%; float:none;}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#innerwrapper .one-fourth:nth-child(2n) {margin-right:0!important}
	#topleft{font-size:0.70em}
	#logo {height:auto; left:6px; top:20px; width:115px}
	.header {height:72px; border-bottom:solid 1px #858585}
	.greybg {padding:20px 0 30px 0}
	.greybg .two-third{width:100%}
	.statsbar {margin:20px 0; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#clients {padding:20px 0 30px 0}
	#clients .one-sixth {width:32%; margin-right:1%; padding:10px; box-sizing:border-box}	
	.client{width:90%; max-width:90%; height:auto}
	#blogbg {padding-bottom:5px}
	.topctabtn {display:inline-block; right:16%; font-size:12px; padding:0 8px}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:136px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}
	h1.articletitle, p.articletitle, h1, .headline, .bigtitle {font-size:30px; line-height:normal}
	.bigfont, h2 {font-size:26px; line-height:30px; font-weight:500}
	#bloghead {font-size:24px; text-align:center; height:100px; line-height:100px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	.ilink {font-size:16px}	
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:28px; line-height:normal}
	h1.articletitle, p.articletitle {font-size:20px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	#bluerow {padding:25px 0}	
	#blogbg {margin-bottom:20px}	
	#blogbg {padding:15px; box-sizing:border-box}	
	.servicethumbs .one-sixth {margin-top:10px; margin-bottom:5px; width:48.5%}
	.servicethumbs .one-sixth img {width:100%}
	.servicethumbs .one-sixth:nth-child(2n+3) {margin-right:0}
	#blogbg {padding-bottom:5px}
	#blogbg .one-fourth {min-height:auto}
	#testimonials .wrapper {padding:25px 0}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0; top:73px}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:35px!important; height:5px!important; border-radius:4px}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	.hidelarge {display:block}	
	#bloghead {font-size:20px; text-align:center; height:100px; line-height:100px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}
	#bloghead {font-size:28px; text-align:center}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	.ctabtn {font-size:19px}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#breadcrumb #pageshare {margin-top:10px; float:none}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-third {width:48.5%; margin-right:3%!important}
	.industrywrap .one-third:nth-child(2n) {margin-right:0!important}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.blogthumb img {max-width:100%; height:auto}
	#blogbg .one-fourth {padding-bottom:40px}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#csshare {float:none; height:60px}
	#photoscroll .one-fourth {width:100%; margin-right:0!important}
	#photoscroll .flickity-viewport {min-height:auto!Important; margin-bottom:20px}
	.mfp-content .su-lightbox-content {width:96%!important; padding:10px!important; box-sizing:border-box!important}
	#photoscroll .flickity-page-dots .dot {width:7px!Important; height:7px!important; margin:0 4px!important}
	#photoscroll .one-fourth img {width:108%!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="text"], #contactpageform input[type="email"], #contactpageform input[type="tel"], #contactpageform textarea {margin-bottom:0}
	.ctabtn a.su-button span {font-size:17px!important}
	.ctabtn2 {font-size:22px; width:90%}
	.ctahead {font-size:18px; line-height:30px}
	#contactpageform input[type="submit"] {float:none}
	#bimsupportvideo {height:auto; min-height:auto}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	#banner .one-half {width:100%; margin-right:0!important; text-align:center!important; float:none}
	.flickity-page-dots {display:block; bottom:0!important}
	#blogbg .wrapper{width:100%}
	.topctabtn {display:inline-block; right:16%; font-size:12px; padding:0 8px}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:136px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:150px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:400px!important; width:100%}
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:10px;}
	.homebanner {width:100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size:100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}	
   .ctabtncontainer{float:none; width:100%; margin:0 auto 14px auto; display:inline-block;}
   .responsiveimg{max-height:330px!important}
}
@media all and (max-width:1200px) {
	.home-services { padding-left:55%; }
	.box { top:75px; width:calc(60% - 80px); height:auto; }
}
@media all and (max-width:1000px) {
	.box { top:97px; left:20px; width:calc(60% - 86px); }
	.home-services { padding-left:0; }	
	#servicelist { padding-left:55% }
	#servicelist li { margin-top:10px; }
	.servicetitle { font-size:18px; padding:0 25px 0 20px; }
	.home-services .bigtitle { text-align:center; }
}
@media all and (max-width:750px) {
	.box { width:calc(60% - 87px); }
}
@media all and (max-width:630px) {
	.home-services { padding-right:0; }
	#servicelist { padding-left:0; }	
	#servicelist .box { display:none; }
}

.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after { display:table; clear:both; content:""; line-height:0; }
.engser-box{padding:10px;border-radius:3px;background:#eee; float:left; box-sizing:border-box; border:1px solid #dedede; margin:0 10px 10px 0; width:393.33333px; text-align:center; cursor:pointer; position:relative;; height:260px; overflow:hidden; display:block;}
.engser-box:nth-child(3n){margin-right:0}
.engser-head{font-size:18px; color:#546e7a; line-height:34px; font-weight:500; text-align:left; display:block; margin-left:20px;}
.engser-box .box-hover {background-color:#fff; position:relative; width:100%; height:190px; padding:20px; text-align:left; box-sizing:border-box; margin-top:10px;}
.engser-box .box-hover a {font-size:17px; color:#333; line-height:24px; display:block; position:relative; height:100%}
.engser-box .box-hover a:hover{text-decoration:none}
.engser-box .box-hover a:hover .readmorespan {text-decoration:underline}
.readmorespan{ background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/readmore.svg) no-repeat right 2px top ; padding-right:35px; background-size:22px; text-transform:uppercase; font-size:16px; margin-top:10px; display:block; color:#1079b2; margin-bottom:0px; position:absolute; bottom:-10px }
.engser-container{display:flex; flex-wrap:wrap}
.csboxcontainer{display:flex;flex-direction:row;}
.width50{width:50%; float:left}
.csboxcontainer .width50 img{max-width:100%; margin-bottom:1.25rem; padding:20px; box-sizing:border-box}
.mobileon{display:none!important}
@media only screen and (max-width:639px) {
    .engser-box{width:100%; height:auto; margin:0 0 10px 0}
    .engser-head{margin-left:10px;}
    .engser-box .box-hover{padding:10px 10px 15px 10px; margin-top:0; height:auto}
    .readmorespan{margin:10px 0 0 0; position:relative}
    .engser-container{flex-wrap:wrap; justify-content:center; align-items:center}
    .csboxcontainer{display:flex;flex-direction:column;}
    .width50{width:100%}
    .csboxcontainer .width50 img {padding:5px;}
    .mobileon{display:block!important}
    .desktopon{display:none!important}
}
@media only screen and (min-width:640px) and (max-width:767px) {
    .engser-box{width:48%; height:auto; float:left}
    .engser-box:nth-child(3n){margin-right:10px}
    .engser-box:nth-child(2n){margin-right:0}
    .engser-head{margin-left:10px;}
    .engser-box .box-hover{padding:10px 10px 15px 10px; margin-top:0; height:auto; min-height:85%}
    .readmorespan{margin:10px 0 0 0;position:relative}
    .csboxcontainer{display:flex;flex-direction:column;}
    .width50{width:100%}
    .csboxcontainer .width50 img {padding:5px;}
    .csimages img{max-width:100%}    
    .desktopon{display:block!important}
    .mobileon{display:none!important}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .engser-box{width:32.40%; height:auto; float:left; flex-shrink:3}
    .engser-head{margin-left:0px; margin-bottom:10px}
    .engser-box .box-hover{padding:10px 10px 15px 10px; margin-top:0; height:auto; min-height:82%}
    .readmorespan{margin:10px 0 0 0; position:relative}   
    .csimages img{max-width:100%}
    .desktopon{display:block!important}
    .mobileon{display:none!important}
}
@media only screen and (min-width:1024px) and (max-width:1339px) {
    .engser-box{width:32.40%; height:auto; float:left; flex-shrink:3; }
    .engser-head{margin-left:0px; margin-bottom:10px}
    .engser-box .box-hover{padding:10px 10px 15px 10px; margin-top:0; height:auto; min-height:85% }
    .readmorespan{margin:10px 0 0 0; position:relative}  
    .csimages img{max-width:100%}
    .desktopon{display:block!important}
    .mobileon{display:none!important}
}

.cpqpageimage1 {max-width:51%; float:right; margin-left:10px}
.cpqpageimage2 {max-width:30%; float:right; margin:15px 0 0 15px}
.cpqind-container{display:flex; margin:30px 0; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:center;}
.cpqind-box{ width:120px; float:left; text-align:center}
.cpqindimgbox{ height:100px; width:100px; background:#007abd; border-radius:50%; text-align:center; padding:4px; box-sizing:border-box; box-shadow:0 0 11px 0px rgba(0, 0, 0, 0.3411764705882353);margin:0 auto 30px auto;}
.cpqind-box span{ font-size:16px; line-height:26px; margin:0; display:inline-block;}
.email-block {padding:30px; background:-webkit-linear-gradient(211.59deg,#005aab 0%,rgba(54,123,232,0) 87.87%),#033e5e; background:linear-gradient(238.41deg,#005aab 0%,rgba(54,123,232,0) 87.87%),#033e5e; position:relative; text-align:center; color:#fff; margin-top:0; font-weight:300; font-size:26px!important; line-height:38px!important; display:flex; justify-content:center; align-items:center; z-index:0!important}
.cut {height:100%; width:100%; min-height:100%; position:absolute; right:0; top:0; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bg-cut.png) 100% 0 no-repeat; background-size:contain; z-index:2; background-blend-mode:overlay; mix-blend-mode:overlay; opacity:.2;}
.email-block .text {z-index:9999999; position:relative; top:0; width:60%; float:left; text-align:left }
.emailblock{ position:relative; float:left; width:36%; padding:10px; font-size:20px; font-weight:400; background:#f38929; color:#ffffff; -webkit-transition:.3s ease; transition:.3s ease; z-index:99999999999; border:none; cursor:pointer; text-transform:uppercase; letter-spacing:1.5px; display:block; margin-left:20px}
.width60{width:60%;}
.width40{width:40%;}
.bimsection{float:left; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center/*space-around*/; justify-content:center; justify-content:space-around; -webkit-align-items:center; align-items:center;}
.bimsection img{width:auto}
.ctabox-2{color:#252525; text-align:left; font-style:normal; padding:17px 15px 17px 20px; margin:15px auto; border:1px solid #d9d9d9; border-bottom:4px solid #d9d9d9; border-bottom-right-radius:10px;  z-index:0!important;background:#f1f1f1}
.ctabox-2 p{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:20px!important; line-height:1.6!important; margin:0 0 0 0; float:left; width:70%}
.ctabox-2 p span{font-weight:700}
.ctabox-2 a{padding:15px 15px 17px 45px; font-weight:600; border-radius:5px; line-height:1.5; background:#007abd url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/cta-mail.png) no-repeat left 17px top 21px; border-width:5px!important; position:relative; display:inline-block; color:#fff; text-shadow:2px 1px 2px rgba(0, 0, 0, 0.50); font-size:18px; cursor:pointer; box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.15); float:right}
.ctabox-2 a:hover{box-shadow:none;text-shadow:none;}
.left {float:left;margin-right:20px!important;}
.redtxt {color:#ed6c5d;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700;font-style:normal!important;display:block}
.infobox{position:relative; width:39%; color:#242e3e;font-size:20px;line-height:30px;border-left:5px solid #007abd;padding:10px 20px;background:#f2f2f2;font-weight:normal;font-style:italic;font-family:Cambria, "Times New Roman", "serif";box-sizing:border-box;margin:10px 15px 10px 0px;}
@media all and (max-width:750px) {.infobox{width:100%; margin:14px 0!important}}
@media all and (max-width:750px) {
    .email-block{flex-direction:column; font-size:18px!important; line-height:30px!important; }
    .email-block .text, .emailblock{width:100%}
    .emailblock{margin:15px auto 0 auto!important; box-sizing:border-box!important}  
    .mobileon, .cpqpageimage2, .cpqpageimage1{max-width:90%; margin:0 auto; float:none; text-align:center; width:100%; display:block;}
    .cpqind-box{margin-bottom:30px;}
    .bimsection{display:flex;flex-direction:column; width:100%}
	.ctabox-2 p{width:100%; font-size:18px!important; line-height:1.6!important; margin-block-end:18px;}
	.ctabox-2 a{float:left; padding:10px 15px 12px 40px; background:#007abd url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/cta-mail.png) no-repeat left 12px top 15px; font-size:17px; font-weight:400;}
    .bimsection img{width:98%; margin:0 auto}
}
@media only screen and (min-width:480px) and (max-width:750px) {
    .cpqpageimage2{max-width:30%; margin:0 auto; float:right; width:100%; display:block;}
}
.thepost > .social-rocket-inline-buttons{margin-top:15px;}
@media all and (min-width:783px){
    .thepost > .social-rocket-inline-buttons{display:none!important;}
}

/* 3D Visualization Services - 15-11-2021 */
.card-ser-offerings{position:relative; margin:25px auto 35px;}
.card-ser-offerings-head{position:relative; margin-bottom:30px; text-align:center}
.card-ser-offerings-head h2{display:block; font-size:40px; font-weight:300; letter-spacing:-1px; margin-top:0; }
.card-ser-offerings-head h2 span{ font-weight:600}
.card-ser-offerings-wrap{position:relative; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;}
.card-ser{position:relative; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; border:solid 1px #ccc; box-sizing:border-box; margin-right:3%; margin-bottom:3%; width:48.50%}
.card-ser-offerings-wrap .card-ser:nth-child(2n){margin-right:0}
.card-ser-offerings-wrap .card-ser:nth-child(3), .card-ser-offerings-wrap .card-ser:nth-child(4){margin-bottom:0}		
.card-ser-img-container{ max-height:200px; width:100%; border-bottom:5px solid #1d7abd; position:relative; overflow:hidden}
.card-ser-img-container:before{ content:''; position:absolute; height:0; width:0; right:0; bottom:0; z-index:1; border-left:25px solid transparent; border-right:0 solid transparent; border-bottom:25px solid #1d7abd; }
.card-ser-img-container:after{ content:''; position:absolute; height:100%; width:100%; background:linear-gradient(0deg, rgba(0,0,0,0.6), transparent); top:0; left:0; right:0 }
.card-ser-img-container img{display:block; width:100%; height:auto}
.card-ser-img-info{box-sizing:border-box; padding:20px;}
.card-ser-img-info h3{position:relative; display:block; }
.card-ser-img-info p{position:relative; display:block; font-size:17px; line-height:28px; margin-bottom:0;}
@media only screen and (min-width:319px) and (max-width:359px){ .card-ser-img-container{ max-height:110px;} }		
@media only screen and (min-width:640px) and (max-width:1450px){
	.card-ser-offerings-wrap{flex-direction:row; align-items:normal }
	.card-ser{width:48.50%; float:left; margin-right:3%; margin-bottom:20px; justify-content:flex-start;}
}
@media only screen and (min-width:360px) and (max-width:1450px){ .card-ser-img-container{ max-height:180px;} }
@media only screen and (min-width:319px) and (max-width:639px){
	.card-ser{width:100%; float:none; margin-right:0; margin-bottom:20px}
	.card-ser-offerings-wrap{flex-direction:column; }
	.card-ser-offerings-wrap .one-half, .card-ser-offerings-wrap .one-half:nth-child(3){margin-right:0; margin-bottom:3%}
	.card-ser-offerings-wrap .one-half:last-child{margin-bottom:0!important}
}
@media only screen and (min-width:319px) and (max-width:1450px){
	.card-ser-offerings{margin:15px auto;}
	.card-ser-offerings-head{margin-bottom:10px;}
	.card-ser-offerings-head h2{font-size:34px; line-height:1.2;}
	.card-ser-img-container:after{ background:linear-gradient(0deg, rgba(0,0,0,0.5), transparent);}
}

/* Blue CSS */
#topbar {background-color:#007abd;}
.popform {border:solid 2px #007abd; transition:all 0.5s}
.popform {color:#007abd}
.popform .su-button-style-default:hover > span {background-color:#007abd!important; color:#fff!important}
.popform:hover {background-color:#007abd; color:#fff}
.submenu li.current-menu-item a {background-color:#007abd}
.submenu li.current-menu-parent a {background-color:#007abd}
.submenu li a:hover {background-color:#007abd}

/*#innerwrapper {border-top:solid 10px #007abd}*/
#homecta {background:#007abd url(images/homectaimg.jpg) 102.5% center no-repeat;}
#homecta p {color:#a4ddfc}
.submenu ul {border-bottom:3px solid #007abd}
.ctabtn .su-button-style-default {background:#f38929!important; background:-moz-linear-gradient(top, #f38929 0%, #ffa452 100%)!important; background:-webkit-linear-gradient(top, #f38929 0%,#ffa452 100%)!important; background:linear-gradient(to bottom, #f38929 0%,#ffa452 100%)!important}
.ctabtn .su-button-style-default:hover {background:#ffa452; background:-moz-linear-gradient(top, #ffa452 0%, #f38929 100%); background:-webkit-linear-gradient(top, #ffa452 0%,#f38929 100%); background:linear-gradient(to bottom, #ffa452 0%,#f38929 100%)}
h1 span, .headline span {color:#007abd}
#breadcrumb a {color:#004c76 /*#007abd/*f38929*/}
#ctabox {background:#007abd url(images/hitech-house-small.png) 20px 18px no-repeat;}
.homeservice a:before {background-color:#007abd}
.projecttitle {border-left:solid 4px #007abd}
.testimony p#testititle:before {background-color:#007abd}
.blogimg span {background-color:#007abd}
#footerbar {background-color:#007abd}
.catlink {color:#007abd}

@media only screen and (min-width:980px) and (max-width:1169px) {
	#homecta {background:#007abd url("images/homectaimg.jpg") no-repeat scroll 490px center / 105% auto}
}

.advantage-sec{margin-bottom:70px;}
.advantage-sec h2{margin-bottom:0!important}
.advantage-wrap{ display:flex; flex-direction:row; align-items:flex-start; justify-content:center; text-align:center; }
.advantage-wrap .one-sixth{	box-sizing:border-box; margin-top:0}
.advantage-box{ display:flex; flex-direction:column; align-items:center; justify-content:center; border-right:1px solid rgba(54, 54, 54, 0.10); padding:10px 14px; width:100%; height:100%; }
.advantage-wrap .one-sixth:last-child .advantage-box{border-right:0}
.advantage-icon{ font-family:'Oswald',sans-serif; font-size:35px; line-height:100px; height:100px; width:100px; background:#363636; color:#fff; border-radius:50%; padding:0 10px; box-sizing:border-box; margin:0 auto 20px;}
.advantage-info{ font-size:18px; line-height:25px; font-weight:400; color:#363636;}
.img{width:400px; height:400px; display:flex; background:#ededed; flex-direction:row; align-items:center; justify-content:center; text-align:center; padding:15px; border:1px solid #dedede; box-sizing:border-box; margin:0 auto}
@media only screen and (min-width:320px) and (max-width:574px) {
.advantage-sec{margin-bottom:40px;}
.advantage-wrap { display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; margin-top:25px; text-align:center; }
.advantage-wrap .one-sixth{width:48.50%; margin-right:3%; margin-bottom:15px}
.advantage-wrap .one-sixth:nth-child(2n){margin-right:0}
.advantage-box{ border:1px solid rgba(54, 54, 54, 0.10)!important; padding:10px; box-sizing:border-box; justify-content:flex-start; }
.advantage-info{font-size:16px;}
.one-fourth .pic span, .one-fourth .pic {width:100%}
}
@media only screen and (min-width:575px) and (max-width:800px) {
.advantage-sec{margin-bottom:40px;}
.advantage-wrap { display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; margin-top:25px; text-align:center; }
.advantage-wrap .one-sixth{width:31.33%; margin-right:3%; margin-bottom:15px}
.advantage-wrap .one-sixth:nth-child(3n){margin-right:0}
.advantage-box{ border:1px solid rgba(54, 54, 54, 0.10)!important; padding:10px; box-sizing:border-box; justify-content:flex-start; }
.advantage-info{font-size:16px;}
}
@media only screen and (max-width:979px) {
   #rmp-container-18482{top:60px!important}
   #rmp-menu-wrap-18482 .rmp-submenu .rmp-menu-subarrow{color:#262626!important}
}
.related-blogs{position:relative; padding:40px 0;}
.related-blogs h2{font-size:clamp(40px, 8vw, 50px); color:#023A51; line-height:1; letter-spacing:-1px; display:block; margin:0 auto 35px; font-weight:300;}
.related-blogs h2 span{font-weight:700;}
.related-blogs-wrap{display:flex; flex-direction:row; margin-top:0; align-items:normal; justify-content:center; flex-wrap:wrap }
.cs-blog-post {background-color:#fff; border:1px solid #ccc; border-top-width:0.25em; border-top-style:solid; border-top-color:#4451a2!important; height:auto; width:calc(31.33% - 2px); margin-right:3%;}
.cs-blog-post:nth-child(3n) {margin-right:0;}
.blog-post-content{padding:1.25em; }
.cs-blog-post-head{display:block; font-size:22px; font-weight:400; color:#000; margin-top:0px; margin-bottom:25px;}
.cs-blog-post a, .cs-blog-container a {display:block}
.cs-blog-post a img, .cs-blog-container a img{height:auto/*240px*/; width:100%; max-height:240px;}
.cs-blog-readmore{position:relative; display:inline-block; color:#2251ff; text-decoration:none; font-size:18px; line-height:38px; font-weight:400}

@media only screen and (min-width:200px) and (max-width:574px) {
   .related-blogs{padding:20px;}
   .related-blogs h2{font-size:32px; line-height:32px;}
   .related-blogs-wrap{flex-direction:column; margin-top:15px;}
   .cs-blog-post { max-width:100%; width:100%; margin-right:0; margin-bottom:30px}
   .cs-blog-post-head{font-size:18px; margin-bottom:15px;}
   .cs-blog-post a img{height:auto; width:100%;}
   .cs-blog-readmore{font-size:17px; line-height:27px;}
}
@media only screen and (min-width:575px) and (max-width:639px) {
   .related-blogs{padding:30px;}
   .related-blogs h2{font-size:36px; line-height:36px;}
   .related-blogs-wrap{flex-direction:row; justify-content:flex-start}
    .cs-blog-post {width: calc(48.50% - 2px);margin-bottom: 30px;}
   .cs-blog-post:nth-child(2n) {margin-right:0}
   .cs-blog-post-head{font-size:19px; margin-bottom:15px;}
   .cs-blog-post a img{height:auto; width:100%;}
   .cs-blog-readmore{font-size:17px; line-height:27px;}
   .blog-post-content{padding:14px}
}
@media only screen and (min-width:640px) and (max-width:979px) {
   .related-blogs{padding:0;}
   .related-blogs h2{font-size:36px; line-height:36px;}
   .related-blogs-wrap{flex-direction:row; justify-content:flex-start}
   .cs-blog-post {width:calc(48.50% - 2px);}
   .cs-blog-post:nth-child(2n) {margin-right:0;}
   .cs-blog-post-head{font-size:19px; margin-bottom:15px;}
   .cs-blog-post a img{height:auto; width:100%;}
   .cs-blog-readmore{font-size:17px; line-height:27px;}
   .blog-post-content{padding:14px}
}
@media only screen and (min-width:980px) and (max-width:1400px) {
   .related-blogs{padding:0;}
   .related-blogs h2{font-size:38px; line-height:38px;}
}
@media only screen and (min-width:1401px) and (max-width:1900px) {
   .related-blogs{padding:0;}
   .related-blogs h2{font-size:38px; line-height:38px;}
}

.blog-carousel-container {position:relative; display:flex; overflow:hidden; width:100%; margin:0 auto;}
.blog-carousel { display:flex; width:100%; transition:transform 0.3s ease-in-out; }
.blog-carousel-item {flex:0 0 calc(33.33% - 10px); height:auto; margin:0 5px; display:flex;}
.blog-carousel-buttons { display:flex; justify-content:space-between; margin-top:10px; }
.cs-blog-container{ background-color:#fff; border:0.063em solid #ccc; border-top-width:0.25em; border-top-style:solid; border-top-color:#4451a2!important; max-width:100%; height:auto; flex-shrink:0; width:calc(100% / 3 - 20px); box-sizing:border-box; margin:0 10px; }

@media only screen and (min-width:200px) and (max-width:640px) {
   .cs-blog-container { width:100%; height:auto; margin:0 auto}
}
.blog-carousel-buttons{display:flex; width:90px; margin:15px auto; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; position:relative; height:40px;}
#prevButton, #nextButton{position:absolute; top:auto; transform:translateY(-50%); border:none; color:#000; cursor:pointer; height:40px; width:40px; object-fit:contain; object-position:center; background:#fff; z-index:2; bottom:-10px; }
#prevButton:hover, #nextButton:hover{background:#efefef}
#prevButton{left:0;}
#nextButton{right:0;}

/* 15082023 */
.services_map{position:relative; padding:30px; background:url(images/worldmap.jpg) no-repeat center top 25%; background-size:contain; border-bottom:2px solid #8d8ea3; box-sizing:border-box; margin-bottom:45px}
.services_map h2{font-size:clamp(40px,8vw,50px); color:#023a51; line-height:1; letter-spacing:-1px; display:block; margin:0 auto 35px; font-weight:300;}
.services_map h2 span{font-weight:700;}
.services_map:before{position:absolute; left:0; right:0; bottom:0; height:100%; content:""; background:linear-gradient(180deg, rgba(0,0,0,0) 10%, #0e2b5c 90%); display:block; z-index:0; -webkit-opacity:.06; -khtml-opacity:.06; -moz-opacity:.06; opacity:.06; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=6); filter:alpha(opacity=6);}
.service-territories{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; width:100%; box-sizing:border-box; margin:30px auto;}
.service-territories .fl{position:relative; height:auto; width:25%; padding:0 10px; box-sizing:border-box;}
.service-offering-box{background:#fff; padding:25px 15px; border:1px solid #d9d9d9; border-radius:6px; height:100%; box-shadow:0 0 12px 2px rgb(0 0 0/13%); box-sizing:border-box; display:block; position:relative; width:100%;}
.service-offering-box h3{font-size:22px; color:rgb(0, 0, 70); line-height:1.2; text-align:left; border-bottom:1px solid #e3e3eb; padding-bottom:20px; margin-bottom:20px; margin-top:0; display:block; font-weight:700;}
.service-offering-box p{display:block; font-size:17px; line-height:27px; color:#5e566a; margin-bottom:0;}

@media only screen and (min-width:200px) and (max-width:479px) {
   .services_map{padding:30px 20px;}
   .services_map h2{font-size:34px; line-height:44px;}
   .service-territories {display:flex; flex-direction:column; flex-wrap:wrap; align-items:normal;}   
   .service-territories .fl {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; width:100%; margin:0 auto 3%;}
   .service-territories .fl:last-child{margin:0 auto 0 auto;}
   .service-offering-box{height:100%; padding:1em;}
   .service-offering-box h3{font-size:clamp(18px, 8vw, 20px); padding-bottom:10px; margin-bottom:10px;}
   .service-offering-box p{font-size:15px; line-height:22px;}
}
@media only screen and (min-width:480px) and (max-width:979px) {
   .services_map{padding:30px 20px;}
   .services_map h2{font-size:clamp(30px, 7vw, 50px); line-height:1.4;}
   .service-territories {display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
   .service-territories .fl { -ms-flex:0 0 48.50%; flex:0 0 48.50%; max-width:48.50%; width:48.50%; margin:0 3% 3% 0; height:auto}
   .service-territories .fl:nth-child(2n){margin-right:0}
   .service-territories .fl:nth-child(3), .service-territories .fl:nth-child(4){margin-bottom:0}
   .service-offering-box{height:100%; padding:1em;}
   .service-offering-box h3{font-size:clamp(18px, 7vw, 22px); padding-bottom:10px; margin-bottom:10px;}
   .service-offering-box p{font-size:17px; line-height:27px;}
}
@media only screen and (min-width:980px) and (max-width:1919px) {
   .services_map{padding:6em 0;}
   .services_map h2{font-size:clamp(40px, 7vw, 60px); line-height:1.2;}
   .service-territories {display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
   .service-territories .fl { -ms-flex:0 0 22.75%; flex:0 0 22.75%; max-width:22.75%; width:22.75%; margin:0 3% 0 0; height:auto}
   .service-territories .fl:nth-child(4n){margin-right:0}
   .service-offering-box{height:100%; padding:1em;}
   .service-offering-box h3{font-size:19px; padding-bottom:10px; margin-bottom:10px;}
   .service-offering-box p{font-size:17px; line-height:27px;}
}

/*15062024*/
.faq-accordion{width:100%;margin:20px auto;}.faq-accordion-item{margin-bottom:8px}.faq-accordion-item:last-child{border-bottom:none;margin-bottom:0}.faq-accordion-header{background:#e6eaee;padding:15px;text-align:left;width:100%;outline:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:5px;border:1px solid rgb(119 119 125 / 20%);font-size:18px;color:#023A51;line-height:1;font-weight:600;font-family:'Source Sans 3', sans-serif;}.faq-accordion-content{max-height:0;overflow:hidden;padding:0 15px;background:#fff;transition:max-height 0.3s ease, padding 0.3s ease;}.faq-accordion-item.active .faq-accordion-header{border-radius:5px 5px 0px 0px;border-bottom:0;}.faq-accordion-item.active .faq-accordion-content{max-height:200px;padding:15px;border-radius:0px 0px 5px 5px;border:1px solid rgb(119 119 125 / 20%)}.faq-accordion-header .faq-sign{position:relative;width:35px;height:35px;background:#ffffff;padding:10px;box-sizing:border-box;border-radius:50%;border:1px solid rgb(119 119 125 / 20%)}.faq-accordion-header .faq-sign::before, .faq-accordion-header .faq-sign::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:2px;background-color:#000;transition:transform 0.6s ease, opacity 0.6s ease}.faq-accordion-header .faq-sign::before{transform:translate(-50%, -50%) rotate(90deg)}.faq-accordion-header .faq-sign::after{transform:translate(-50%, -50%)}.faq-accordion-item.active .faq-sign::before{opacity:0}.faq-accordion-content p, .faq-accordion-content ul li{color:#3a505a;font-weight:400;font-family:'Source Sans 3', Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:17px;line-height:28px}.faq-accordion-content ul{margin-left:20px}

/*26072024*/
.related_cs{position:relative; margin:15px auto; padding:15px 0;}
.related_cs h2{position:relative; display:block; margin:0 auto; font-size:clamp(22px, 6vw, 32px); padding-bottom:15px;}
.relatedcs_wrapper{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; height:auto;}
.relatedcs_box{width:calc(33.33% - 10px); margin:0 5px; position:relative; background:#ffffff; border:0.063em solid #ccc; border-bottom-width:0.25em; border-bottom-style:solid; box-shadow:0px 10px 30px 0px rgba(50.00000000000001, 50.00000000000001, 50.00000000000001, 0.08); transition:border 0.4s ease; padding:10px 10px 15px 10px; height:auto; box-sizing:border-box; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
.relatedcs_box.twocspost{width:calc(50% - 10px);}
.relatedcs_box a{display:block; margin-bottom:15px; object-fit:cover; object-position:center; position:relative; overflow:hidden; width:100%}
.relatedcs_box a img{display:block; object-fit:cover; object-position:center; position:relative; height:auto; width:100%; -webkit-transition:all .4s ease; transition:all .4s ease; box-sizing:border-box;}
.relatedcs_info{position:relative; padding:0 15px; width:100%; text-align:center; margin-top:20px}
.relatedcs_heading{color:#333333; font-size:19px; line-height:1.4; font-weight:700; text-align:center;}
.relatedcs_box:hover .relatedcs_heading{color:#000000; text-decoration:underline}
.relatedcs_readmore{font-size:15px; color:#287ba7; letter-spacing:1px; text-transform:uppercase; margin-bottom:0!important; background:none!important; border:none!important; height:auto!important;}
.relatedcs_box:hover .relatedcs_readmore{color:#000000; text-decoration:underline; font-weight:600}
.csexcerpt {margin:10px auto 20px; color:#6c6a6a; font-size:clamp(16px, 4vw, 17px); line-height:1.5;}
@media only screen and (min-width:200px) and (max-width:574px) {
   .related_cs{padding:20px}
   .relatedcs_wrapper{flex-direction:column;}
   .relatedcs_box, .relatedcs_box.twocspost{width:100%; max-width:90%; margin:0 auto 30px;}
}
@media only screen and (min-width:575px) and (max-width:767px) {
   .related_cs{padding:20px}
   .relatedcs_wrapper{flex-direction:row;justify-content:flex-start;}
   .relatedcs_box, .relatedcs_box.twocspost{width:calc(50% - 20px); margin:0 10px 10px;}
}
@media only screen and (max-width:359px){
    .imagebg-header, .intro-section{padding:30px 40px 20px;}
    .imagebg-header h1{font-size:32px; line-height:42px;}
    .page-blockquotes{font-size:17px; line-height:27px; margin-bottom:0px!important}
    .list-usp{margin-top:15px; flex-direction:column}
    .list-usp li{width:100%; margin-bottom:10px;}
    .list-usp .usp-box{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px;}
    .list-usp .usp-box p{width:60px;}
    .list-usp .usp-box span{width:calc(100% - 60px)}
    .sector-container .one-fifth, .sector-container .sector-box{width: 100%;padding: 15px;}
    .sector-container{display: flex;flex-direction: row;align-items: normal;justify-content: center;flex-wrap: wrap; margin-bottom:30px;}
    .sector-icon {height: 60px;width: 60px;margin: 0 10px 0 0;}
    .sector-icon img {width: 30px;}
    .sector-container .one-fifth a, .sector-container .sector-box a {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
    .sector-container .one-fifth a p, .sector-container .sector-box a p {width: calc(100% - 70px);text-align: left;}
}
.blue_listing{position:relative;margin:0 0 0 0;list-style:none;padding:0}
.blue_listing li{position:relative;margin-bottom:20px;display:block;padding-left:50px}
.blue_listing li:before{content:"";position:absolute;display:inline-block;width:32px;height:32px;left:0;top:0;background:#ffffff url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/blue-check.svg) no-repeat center center;background-size:contain;z-index:1;border-radius:50%}
.blue_listing li p{font-size:16px;line-height:26px;margin-bottom:0;font-weight:400}
.blue_listing li p.blue_listing_head{font-size:17px;line-height:30px;font-weight:700;margin-bottom:5px}
.service_offerings{position:relative;background:#f2f6fa;padding:30px 50px;margin:0 auto}
.so-wrap ul{position:relative;margin:0 0 0 0;list-style:none;padding:0;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;row-gap:10px}
.so-wrap ul li{position:relative;margin-bottom:20px;display:block;width:calc(33.33% - 50px);padding:0 0 0 50px}
.so-wrap ul li:before{content:"";position:absolute;display:inline-block;width:32px;height:32px;left:0;top:0;background:#ffffff url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/blue-check.svg) no-repeat center center;background-size:contain;z-index:1;border-radius:50%}
.so-wrap ul p{font-size:16px;line-height:26px;margin-bottom:0;font-weight:400}
.so-wrap ul p.blue_listing_head{font-size:17px;line-height:30px;font-weight:700;margin-bottom:5px}
.btn-blue-border{color:#422b00}
@media only screen and (min-width:200px) and (max-width:574px){
	.so-wrap ul{flex-direction:column}
	.so-wrap ul li{width:calc(100% - 50px)}
	.service_offerings{padding:30px 20px!important}
}
@media only screen and (min-width:200px) and (max-width:767px){
	.sl2_cs_wrap-alt .sl2csbox_wrap, .sl2_cs_wrap-alt .sl2csbox_wrap img{width:100%!important;display:block;height:auto;max-width:none!important}
}
@media only screen and (min-width:575px) and (max-width:979px){
	.so-wrap ul li{width:calc(50% - 50px)}
	.service_offerings{padding:30px 20px!important;margin-bottom:40px!important}
}
@media only screen and (min-width:319px) and (max-width:580px){.archi-drawings ul{float:none;width:100%;list-style:none}}
@media only screen and (min-width:581px) and (max-width:979px){.archi-drawings ul{float:left;width:33%;list-style:none}.archi-drawings ul li{padding:3px 5px;margin:3px;border-left:3px solid #80abcb;font-size:17px;letter-spacing:-0.3px}}

/* Container and base styling */
.logo-container{width:100%;padding:20px;margin:20px auto;box-sizing:border-box;position:relative;border-radius:5px;background:linear-gradient(180deg, #edf2fa, transparent);border-top:1px solid #d3e3fd}
/*.logo-container{width:100%;padding:20px;margin:20px auto;box-sizing:border-box;position:relative;border-radius:5px;background:#edf2fa;border:1px solid #d3e3fd}*/
.logo-container p{font-size:clamp(40px, 8vw, 50px);color:#023A51;line-height:1;letter-spacing:-1px;display:block;margin:0 auto 15px;font-weight:300;text-align:center;font-family:'Source Sans 3', sans-serif;}
.logo-container p span{font-weight:700}
.logo-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;}
.client-logo{background:#fff;height:auto;object-fit:cover;object-position:center;padding:15px;border:1px solid #d3e3fd;border-radius:5px;border-bottom:5px solid #e7f0ff;box-shadow:6px 6px 9px 3px rgb(0 0 0 / 7%);box-sizing:border-box;position:relative;display:block;flex:1 1 auto;margin:10px;transition:box-shadow .3s ease;overflow:hidden}
/* Responsive layout */
@media (max-width: 573px){.logo-wrapper{justify-content:center}.client-logo{max-width:calc(50% - 20px)}}
@media (min-width: 574px) and (max-width: 800px){.client-logo{max-width:calc(33.33% - 20px)}}
@media (min-width: 801px) and (max-width: 1023px){.client-logo{max-width:calc(25% - 20px);}}
@media (min-width: 1024px) {.client-logo{max-width: calc(16.66666666666667% - 20px);}}

/*#disqus_thread iframe:first-child{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-999999!important;}*/

div#disqus_thread iframe[sandbox] {max-height:0px!important;display:none!important;visibility:hidden!important;opacity:0!important;z-index:-999999!important;}