@media only screen and (max-width: 1024px) {
    .fixed_outer{width:96%;margin:0 2%;}
    .portfolio ul li .video_iframe{overflow: hidden;margin-bottom: 10px;}
    .portfolio ul li .video_iframe iframe{width:100%;height: 100%;}
    .youtude_popup{width:96%;left:0;margin:0 2%;height: auto;}
    .youtude_popup iframe{width:100%;height: auto;}

}
@media only screen and (max-width: 980px) {
    .header_menu ul li a{padding: 0 10px;}


}
@media only screen and (max-width: 960px) {
    .header_logo{width:20%;}
    .header_menu{width:80%}
    .about_third_left{width:100%;text-align: center}
    .about_third_right{width:100%;}
    .about_third_right p{width:50%;float: left;}
    #jq_count_up span{font-size: 16px;line-height: 16px;min-height: 0px;}
    .how_it_list_image{width:30%;padding: 0 2%;}
    .how_it_list_image img{max-width: 100%;height: auto;}
    .how_it_list_content{line-height: 150px;}

}
@media only screen and (max-width: 840px) {
    .portfolio ul li{width:48%;margin:10px 1%;}
    .contact_form ul li .input_fields{width:90%;}
    .our_client ul li{width:31%;margin:0 1%;}
    .header_menu ul li{height: 25px;width:31%;margin:5px 1%;text-align: center}
    .header_menu ul li a{line-height: 25px;}
    .header_menu{width:60%;}

}
@media only screen and (max-width: 768px) {
    .mobile_menu{display: block;float: right}
    .mobile_menu a{background: url(../images/menu.png) no-repeat left center;padding: 0  0 0 30px;float: left;font:normal 22px/30px "SegoeUI",serif;color:#333;margin-top:20px;}
    .header_menu{position: relative;}
    .header_menu ul{position: absolute;right:0;top:50px;width:200px;background: #fff; border:2px solid #ddd;display: none;}
    .header_menu ul li{float: left;width:100%;margin:0;padding: 5px 0;text-align: left;height: auto;} 
    .header_menu ul li a{width:100%;}
}
@media only screen and (max-width: 680px) {
.home_listing ul li{width:48%;float: left;margin:10px 1%;}
.home_listing ul li:last-child,.about_content_fourth ul li:last-child{margin:0 24%}
.about_content_fourth ul li{width:48%;margin:10px 1%;}
#jq_count_up{float: left;}
.about_content_fourth ul li{min-height: 223px;}

}
@media only screen and (max-width: 640px) {
.home_video_box iframe{height: auto;}

}
@media only screen and (max-width: 580px) {
    #diagram{width:100%;position: relative;float: left;display: none;}
#diagram svg{width:100% !important;max-width: 100%;}
#diagram svg path{max-width: 100%;}
.about_content_left,.about_content_right{width:100%;margin:10px 0;padding: 0;}
.contact-address{width:100%;margin-bottom: 10px;}
.contact_form{width:100%;margin-top: 30px;}
.blog-stores p{font-size: 13px;line-height: 19px;}
.our_client ul li{width:48%;margin:10px 1%}
.how_it_list_image{width:50%;margin:10px 25%}
.how_it_list_content{width:100%;text-align: center;}
.about_third_right p{font-size: 13px;}
.about_third_right{padding: 0;}
.newsticker-jcarousellite li h2 br{display: none;}
.newsticker-jcarousellite li h2{font-size: 16px;}

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


}
@media only screen and (max-width: 480px) {
.home_listing ul li{width:100%;margin:10px 0;}
.home_listing ul li:last-child, .about_content_fourth ul li:last-child{margin:10px 0;width:100%;}
.about_third_right p{width:100%;margin:3px 0;}
.about_content_first h3{font-size: 13px;line-height: 23px;}
.about_content_first h2{font-size: 24px;line-height: 30px;}
.about_content_fourth ul li{width:100%;margin:10px 0;min-height: 0;}
#jq_count_up{width:100%;}
.portfolio ul li{width:100%;margin:10px 0;}
}
@media only screen and (max-width: 414px) {


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


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


}