@media only screen and (max-width: 999px) {
body{background-position: center -200px;}
#machine{display: none;}
#tyre{display: none;}
#window{display: none;}
#man{display: none;}
#pot{display: none;}
.work_page_nav{display: none;}
#wrap{width:100%;}
#wrapper{background: none; margin-bottom:0px;}

#header{display: none;}    
#mobile_header{display: block; float: left; width:100%; background: #fff; padding: 20px 25px; position: relative; z-index: 10000;}
.mobile_logo{float: left;}
.mobile_toggle_icon{float: right; position: relative; width: 40px;}

/* Icon 2 */
#nav-icon1, #nav-icon2 {float: right;width: 30px;height: 25px;margin: 6px 0 0 0px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;cursor: pointer;}
#nav-icon1 span {display: block;position: absolute;height: 9px;width: 100%;background: #d3531a;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon2 {}
#nav-icon2 span {display: block;position: absolute;height: 4px;width: 50%;background: #436580;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon2 span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 10px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 20px;}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1) {left: 0px;top: 7px;}
#nav-icon2.open span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
#nav-icon2.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-icon2.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-icon2.open span:nth-child(5) {left: 0px;top: 17px;}
#nav-icon2.open span:nth-child(6) {left: calc(50% - 5px);  top: 17px;}
    
.mobile_nav{float: left; width: 100%; /*background:rgba(51, 61, 71, 0.9);*/}
.mobile_nav ul{float: left; width: 100%;}
.mobile_nav ul li{float: left; width: 100%; text-align: center; padding:10px 10px; list-style: none;}
.mobile_nav ul li a{color: #fff; text-transform: uppercase; font-size: 18px;}
.mobile_nav ul li a:hover{text-decoration: none; color: #fff;}

.popup_background {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent !important;
background-image: url("../images/blue_trans.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}
#standalone {width: 96%; top: 90px; vertical-align: top!important;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.popup_visible #standalone {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
    
span#nextBtn{margin-right: 18px;}
/*#header{float: left; width: 100%; height: auto;}    
#logo{position: static; float:none; width: 100%; height: 165px; padding: 10px 10px; background:url(images/logo-bg2.png) no-repeat 0 0px; background-size:100% 100%; }
#logo img{margin:20px 0 0 5%;}
#logo{position: static; float:left; width: 100%; height: 132px; padding: 10px 10px; background:url(images/logo-bg.png) no-repeat 0 0px; background-size:100% 132px; }
#logo img{width:75%; height: auto;}
#nav{ display: none; position: static;float:left; width: 100%; height: auto;}
.toggle_icon{display:block;}
#solutions_tab{width:25%; padding: 0px; text-align: center; margin: 30px 0 0 0px;}
#solutions_tab a{width: 100%; background-position: center 0px;}
#solutions_tab a:hover{width: 100%; background-position: center 0px;}
#solutions_tab a:active{width: 100%; background-position: center 0px;}

#work_tab{width:25%; padding: 0px; text-align: center; margin: 30px 0 0 0px;}
#work_tab a{width: 100%; background-position: center 0px;}
#work_tab a:hover{width: 100%; background-position: center 0px;}
#work_tab a:active{width: 100%; background-position: center 0px;}

#contact_tab{width:25%; padding: 0px; text-align: center; margin: 30px 0 0 0px;}
#contact_tab a{width: 100%; background-position: center 0px;}
#contact_tab a:hover{width: 100%; background-position: center 0px;}
#contact_tab a:active{width: 100%; background-position: center 0px;}

#about_tab{width:25%; padding: 0px; text-align: center; margin: 30px 0 0 0px;}
#about_tab a{width: 100%; background-position: center 0px;}
#about_tab a:hover{width: 100%; background-position: center 0px;}
#about_tab a:active{width: 100%; background-position: center 0px;}
#blog_tab{ display: none; right: 0px; top: 95px; left: inherit;}*/
#main{float: none; position: static; margin:0 auto; clear: both;}

.pro{margin:30px 0 0 0px;}
.pro_col1{width: 100%; text-align: center; margin: 0 0 0 0px;}
.pro_col1 img{margin: 0px!important;}
.pro_col1 h2{display: block; font-size: 18px; margin-bottom:0px;}
.pro_col2{width: 100%; text-align: center;}
.pro_col2 h2{display: none;}
.launch-web_box{text-align: center; height: auto; margin: 15px 0 0 0px;}
.launch-web{position: static; float: left; width: 100%; height: auto; line-height: normal; text-align: center; background-image:none;}
.launch-web a{display: inline-block; background: #23313d; padding: 5px 15px;}
.tabs-nav ul{text-align: center;}
.workSlider{display: none;}
#footer{float: left; width: 100%; margin: 0px; background:url(../images/mobile-footer-bg.png) repeat-x 0 290px;}    
#footer_con{ width: 95%; padding: 0 0 10px 0px;}
.footer_section1{ width: 100%; padding:0 0 15px 0px; margin: 30px 0 10px 0px; border: none; border-bottom: 1px solid #dddbdb;}
.footer_section3{ width: 55%;}
.social_link{ width:400px;}
.footer_section2{ padding: 0px;}
#footer #ladder{position: static; margin: 0 auto; width: 100%; background-position: center 0px; padding-top:85px;}
#footer #footer_con #ladder #testimonial{ margin:0 auto; width: 250px;}
.footer_bottom{display: none;}
.inner_footer_bg{background-position:0 0px!important;}
.inner_footer_section1{padding-top:0px!important;}
}

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

@media only screen and (max-width: 619px) {
#solutions{display: none;}
.content_home{background-image:none;}
DIV#home_tabs{padding: 0px;}
/*#solutions_tab{width:50%;}    
#work_tab{width:50%;}    
#contact_tab{width:50%;}    
#about_tab{width:50%;}    
#blog_tab{ display: none;}*/

#main{ position: static; float: left; width: 100%; margin: 0px; padding: 0 5%;}
#main_top{float: left; width: 100%; display: none;}

#con_mid{width: 100%; margin:54px 0 18px 0px;}
.content_home{ background-position: center 11px;}
#con_bot{float: left; width: 100%; display: none;}
.content_home{float:left; width: 100%; margin: 0px; padding: 0px; height: auto;}
DIV#home_tabs{float: left; width: 100%; position: static;}
DIV#solutions{float: left; width: 100%; height: auto; margin: 0px; border: none; border-bottom:1px dotted #ffffff}
DIV#solutions UL{float: left; width: 100%; margin: 20px 0 10px 0!important;}
DIV#solutions UL LI{float: left; width: 100%;}
DIV#solutions LI A{width: 100%; text-align: center;}
DIV#solutions LI A:hover{ background-position: center center;}
DIV#solutions LI A:hover{background-image:none;background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
DIV#solutions UL LI.solution-active A{background-image:none;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
DIV#answer-2 P, DIV#answer-3 P, DIV#answer-4 P, DIV#answer-5 P, DIV#answer-6 P{ width: 100%; padding: 0px;}

DIV.answerbox{float: left; width: 100%; height: auto; margin: 0px;}
.featurebox{width: 100%;}
#cloud{width: 100%; margin: 0px; padding: 20px;}
#featurebox-parkdean{width: 100%;}
DIV#more{ border: none; width: 100%; border-top: 1px solid #416481; padding: 0px; margin: 10px 0 0 0px;}
DIV#more LI a, DIV#more LI a:hover{width: 100%; padding: 0 5px;}
DIV#more H2{ margin: 5px 0px;}

#mobile_con_mid{display: block; width: 100%;}

#con2_mid{display: block; width: 100%;}
#home_blog_title{float: left; width: 100%; text-align: center; background-position: center 0px;}
.content{float: left; width: 100%; margin: 0px;}
.home_posts{float: left; width: 100%;}
.storycontent{float: left; width: 100%; padding: 0px; margin: 0 0 10px 0px; text-align: center;}
.storycontent p{text-align: center!important;}
.con2_more{width: 100%;}
.con2_more a{float: none; display: inline-block; margin: 10px 0 0 0px;}
#con2_mid h2{text-align: center;}
#con2_mid p{text-align: center;}
#con2_bot{float: left; width: 100%; display: none;}

#con3_top{float: left; width: 100%; display: none;}
#con3_mid{width: 100%;}
#home_blog_title_new{float: left; width: 100%; text-align: center; background-position: center 0px;}
.content_gallery_box span{float:none; position: absolute;left: 0; bottom:10px; width: 100%; text-align: center; margin: 0px; font-size: 14px; text-decoration: underline;}
#con3_bot{float: left; width: 100%; display: none;}
.content_gallery_box{ width: 100%;}

.con-mid-nav{width: 100%; margin-top: 54px;}
.con-mid{width: 100%;}
#content .dropdown{padding-left: 0px;}
#content .dropdown li{width: 100%; text-align: center; padding: 8px 10px;}
#content .dropdown a{float: none; display: inline-block; font-weight: normal; font-size: 13px;}
.content-wide_solution h1{text-align: center; padding-top: 15px;}
.content-wide_solution p{text-align: center;}
#inner-navigation{display: none;}

#about_container{text-align: center;}
#about_container h1{padding-top: 15px;}

.quick-cont{text-align: center;}

.career_contact{text-align: center;}

.sitemap_contianer{text-align: center;}

#main_work {padding:54px 5% 0 5%;}
.content-wide{text-align: center;}

.contact_content{text-align: center;}
.contact_section_black{width: 100%; font-size: 14px; line-height: 24px;}
.contact_address p{font-size: 14px; line-height: 24px;}
.pro p{ margin-top: 20px;}
.click_here_for{display: none;}
.business_enquery{float: left; width: 100%; text-align: center; position: static;}
.business_enquery a{display: inline-block;}
.careers_btn{float: left; width: 100%; text-align: center; position: static;}
.say_hello{float: left; width: 100%; text-align: center; position: static;}
.experience{width: 100%; margin-bottom: 20px;}
.hear{width: 100%;}
#inquriey_form h2{text-align: center;}
#inquriey_form P{text-align: center;}
.input_box_left{width: 100%; padding: 0;}
.input_box_right{width: 100%; padding: 0;}
.form-question{width: 100%;}
.form_button_container{margin: 20px 0 0 0px;}

.section_black{font-size: 14px; line-height: 24px;}
.section_black h4{font-size: 14px; line-height: 24px;}
.section_black h3{font-size:18px;}

.logo_message{margin: 20px 0 0 0px;}
.logo_message p{margin: 20px 0 40px 0px; padding: 0 20px;}

.solution_pic{width: 100%; text-align: center; margin: 0 0 10px 0px;}
.solution_content{width: 100%; text-align: center;}
.solution_content a{float: none; display: inline-block; margin: 20px 0 0 0px;}

.solution_pic_sec{width: 100%; text-align: center; margin: 0 0 10px 0px;}
.solution_content_sec{width: 100%; text-align: center;}
.solution_content_sec a{float: none; display: inline-block; margin: 20px 0 0 0px;}

#footer #footer_con #ladder #testimonial{ margin:0 auto; width: 250px;}
.footer_section1{text-align: center;}
.footer_section2{display: none; width: 100%; text-align: center; margin-bottom: 20px;}
.footer_section2 ul li{ margin-top:10px;}
.footer_section3{width: 100%;}
.social_link{float: none; margin: 0 auto; width:264px; text-align: center;}
.social_icon{text-align: center; margin-top: 10px;}
.site_links{text-align: center;}
.country_img{text-align: center; width: 100%;}
.country_img div{float: none; margin: 0 auto; text-align: center; width:230px;}
.country_img p{text-align: center;}
.footer_section3{ width: 100%;}

.stepNav{display: none;}

.footer_section1 p{font-size: 14px; line-height: 20px;}
#footer_con{font-size: 14px; line-height: 20px;}
#slider ul, #slider li{font-size: 12px;}
.google_box{margin:15px auto 0 auto; width: 132px; display: inline-block; float: none;}
}

@media only screen and (max-width: 536px) {
.default-popup {
    height: auto !important;
    width: 95% !important;
}
.popupform {
    width: 90% !important;
}
.popup-mid-container h3 {
    font-size: 17px !important;
}
.popup-mid-container h2 {
    font-size: 14px !important;
}
.for-btns a {
    font-size: 12px !important;
    line-height: 18px !important;
    margin: 0 3px !important;
    padding: 3px 5px !important;
    width: 81px !important;
}
.mobile_add {
    display: block !important;
    text-align: center;
}
}


@media only screen and (max-width: 480px) { 
    
    
    
    
     /*#logo{position: static; float:left; width: 100%; height: 132px; padding: 10px 10px; background:url(images/logo-bg.png) no-repeat 0 0px; background-size:100% 132px; }
    #logo img{ width:185px; height: auto; margin:23px 0 0 8%;}
    .toggle_icon{right:10%; top:47px;}*/
}

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

}