@media only screen and (max-width: 940px) {
div.vc_custom_1555249241023 {
padding-left: 15px!important;
}
div.vc_custom_1555246031183 {
margin-right: 0 !important;
}
.home-or { 
margin-top: -23%;
}
}
@media only screen and (max-width: 768px) {
#clock-home{display:none;}
body#front-temp {
background-image: url(//hawksten.com/wp-content/themes/hawksten/images/home-bg.jpg)!important;
background-size: cover;
background-position: center bottom;
}
.grid-1n2{width: 100%;} 
.grid-1n3{width: 100%;} 
.grid-2n3{width: 100%;} 
.grid-1n4{width: 100%;} 
.grid-2n4{width: 100%;} 
.grid-3n4{width: 100%;} 
.grid-1n5{width: 100%;}  
.grid-2n5{width: 100%;}  
.grid-3n5{width: 100%;}  
.grid-4n5{width: 100%;}  
.grid-1n6{width: 100%;}  
.grid-2n6{width: 100%;}  
.grid-3n6{width: 100%;}  
.grid-4n6{width: 100%;}  
.grid-5n6{width: 100%;}  
#footer .grid-social ul li { 
margin: 0 4px;
float: none;
}
.footer-wrap{
float: right;
width: 100%;
text-align: center;
padding: 20px 0 76px;
} 
.grid-social{
margin: 15px 0;
}	 
div.vc_custom_1555245949564 {
margin-right: 0 !important;
} 
#content .wpcf7 .grid-left input[type="text"]{
width: 100%;
}
div.vc_custom_1555249241023 {
padding-left: 15px!important;
}
div.vc_custom_1555246764971 {
margin-right: 0 !important;
}
#clients #mobile-none{width: 0;}
#clients .vc_col-sm-1\/5 {
width: 33.33%;
float: left;
}
#clients .vc_col-sm-2 {
padding: 8px 0;
width: 50%;
}
#clients .wpb_single_image img {
max-width: 75%;
max-height: 59px;
}
#content #services h3 {
font-size: 23px; 
}
.entry-content> .wpb-content-wrapper>  div.vc_row, 
.entry-content> div.vc_row {
padding: 80px 0 45px;
}
.portfolio-list li {
width: 50%; 
}
#front-temp #content h1 {
font-weight: 700;
font-size: 36px;
text-shadow: 1px 1px 1px #fff;
color: #000;
}
#wrapper-home { 
padding: 0; 
}
div#wprmenu_menu ul li a, div#wprmenu_menu ul li a:hover { 
padding: 17px 14px;
font-size: 23px; 
}
#content h1{
font-size: 40px; 
}
#content h2{
font-size: 33px; 
}
#content h4{ 
font-size: 20px; 
}
#footer hr{width:100%;}
body#front-temp{position: relative!important;}
div#wprmenu_bar .wprmenu_icon {
padding: 1px 14px 0;
margin-right: -14px!important;
margin-top: -14px;
}
#image-desktop{display:none}
#image-mobile{display: block}
.work-details #nav-below { 
width: 100%;
margin: 0 0 20px;
}  
body#front-temp.page-template-page-front2 #content h1 {
font-size: 34px; 
padding: 0;
} 
body#front-temp.page-template-page-front2 #content h2 {
font-size: 21px; 
padding: 0; 
}
body#front-temp.page-template-page-front2 #clock-home { 
display: block;
margin-top: -20px;
}
body#front-temp.page-template-page-front2 #header-front .top-header {
margin-top: 40px;
}
.re-order {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
#content .wpb_single_image h2.wpb_singleimage_heading,
.re-order .order2 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.re-order .order1 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.explor.wpb_single_image { 
width: 80px;
height: 80px;
bottom: -87px; 
}
.about-img{
margin-top: 25px;
}
#main-menu { 
display: none;
}
#services .wpb_row {
margin-bottom: 0;
display: block;
}
#services .wpb_row >.wpb_column >.vc_column-inner>.wpb_wrapper{
margin: 10px 0;
}
.fancybox__caption h4, #content .portfolio-text h4 {
font-size: 16px; 
}
.fancybox__caption h3, #content .portfolio-text h3 {
font-size: 23px; 
margin-bottom: 6px!important; 
}
.portfolio-text { 
padding-left: 10px;
padding-bottom: 10px; 
} 
.portfolio-list li {
width: 50%; 
padding: 10px 15px;
}
.display-desktop{
display: none;
}
.clients_logo {
padding: 0;
} 
.footer-slogo { 
width: 100%;
}
.footer-data { 
width: 100%;
}
#footer-menu { 
padding-top: 0;
padding-bottom: 30px;
}
#footer .container { 
padding-top: 55px;
}
#header, 
#header.sticky-header { 
padding: 12px 0;
}
#content .vc_toggle_title h4 { 
padding-left: 28px;
}
.header-right {
position: absolute;
width: 100%;
right: 0;
top: 20px;
}
.header-content { 
justify-content: flex-start;
}
#home .wpb_single_image .vc_single_image-wrapper { 
text-align: center;
}
#home .wpb_single_image .vc_figure img {
width: 60%;
}
} 
@media only screen and (max-width: 550px) { 
.portfolio-list li {
width: 100%; 
}
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
}  @media (min-width: 768px) {
}  @media (min-width: 992px) { 
}  @media (min-width: 1200px) {
}  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait){
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape){
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
} @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
} @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { 
} 
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}