
@media only screen and (min-width:1566px) and (max-width:2000px) 
{
}


@media only screen and (min-width:1336px) and (max-width:1565px) 
{	
/* ########################### home navigation ########################### */
.home_navigation_left, .home_navigation_right {  height:650px; }

/* ########################### home gallery ########################### */
.bzp_home { margin-top:500px !important; }
.bzp_sme { margin-top:500px !important; }
.bzp_industry { margin-top:500px !important; }
.bzp_transport { margin-top:500px !important; }
.bzp_traffic { margin-top:500px !important; }
.bzp_education { margin-top:200px !important; }
.bzp_retail { margin-top:500px !important; }
.bzp_bank { margin-top:500px !important; }


/* detail gallery */
.big-image-container { }
.lens-element { left:-111%; height:440px; width:440px; }



/* ########################### case study page ########################### */
.casestudy_tabal { height:70px; }
.casestudy_tabal h5 { height:60px; font-size:14px; line-height:20px; }
.casestudy_tabal h6 { height:60px; font-size:14px; line-height:20px; }

}



@media only screen and (min-width:1256px) and (max-width:1335px) 
{
/* ########################### home navigation ########################### */
.home_navigation_left, .home_navigation_right {  height:600px; }
/* ########################### home gallery ########################### */
.bzp_home { margin-top:470px !important; }
.bzp_sme { margin-top:470px !important; }
.bzp_industry { margin-top:470px !important; }
.bzp_transport { margin-top:470px !important; }
.bzp_traffic { margin-top:470px !important; }
.bzp_education { margin-top:180px !important; }
.bzp_retail { margin-top:470px !important; }
.bzp_bank { margin-top:470px !important; }


/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup { top:150px; left:25%; width:50%;  }


/* sub category */
.proCatBox { width:19%; }

/* detail gallery */
.big-image-container { }
.lens-element { left:-111%; height:420px; width:420px; }


/* ########################### case study page ########################### */
.casestudy_tabal { height:70px; }
.casestudy_tabal h5 { height:60px; font-size:14px; line-height:20px; }
.casestudy_tabal h6 { height:60px; font-size:14px; line-height:20px; }

		
}


@media only screen and (min-width:1004px) and (max-width:1255px) 
{
/* ########################### Menu ########################### */
#MainMenu { width:150px; height:auto; float:right; position:absolute; top:80px; right:10px; background:#161616; }
#clickMenu, #clickMenu > li { height:auto; width:100%; float:left; clear:both; margin:0px; padding:0px; }
#clickMenu > li > a { background:none; padding:0px 0px 0px 0px; margin:0px; float:left; clear:both; height:50px; width:100%; line-height:50px; text-align:center; color:#fff; border-bottom:solid 1px #333; }
#clickMenu > li > a:focus { background:#f15b5b;  }
#clickMenu .clickMenuDropdown { top:0px; left:0px; background:none; }

.cmd_commn { float:left; height:auto; width:180px; padding:10px 15px; margin:0px 0px 0px -210px; background:#f15b5b; }
.cmd_style { float:left; height:auto; width:300px; padding:10px 15px; margin:0px 0px 0px -330px; background:#f15b5b; }
/*
#clickMenu > li.cmd_fwPos { position:relative; }
.cmd_fullwidth { width:auto !important; margin:0px 0px 0px 0px; overflow:visible; }
.cmd_fullwidth ul { width:200px; padding:0px 0px 0px 0px; margin:0px 0px 0px -200px; background:#f15b5b; }
.cmd_fullwidth ul li { position:relative; width:88%; padding:0px 6%; height:auto; margin:0px; border-bottom:solid 1px #eee; }
.cmd_fullwidth ul li:last-child { border-bottom:none; }
.cmd_fullwidth ul li a { line-height:50px; font-size:13px; font-weight:normal; }
.cmd_fullwidth ul li a:hover, .cmd_fullwidth ul li:hover > a  { color:#000; font-weight:bold; }
.cmd_fullwidth ul li ul { display:none; }
.cmd_fullwidth ul li:hover ul { display:block; position:absolute; left:0px; top:0px; width:170px; padding:10px 15px 10px 15px; margin:0px 0px 0px -200px; background:#161616; } 
.cmd_fullwidth ul li ul li { width:100%; border-bottom:none; margin:0px; padding:3px 0px 4px 0px;  border-bottom:dotted 1px #333;  color:#fff; }
.cmd_fullwidth ul li ul li a { line-height:22px; color:#fff; font-size:12px; font-weight:normal;  }
.cmd_fullwidth ul li ul li a:hover, .cmd_fullwidth ul li ul li:hover > a  { color:#fff; font-weight:normal; }
.cmd_fullwidth ul li ul li a:hover { color:#f15b5b; }
.cmd_fullwidth ul li ul img { float:left; width:90px; margin:0px; }
.cmd_fullwidth ul li ul li img  { float:left; width:90px; }
*/
.cmd_products { float:left; height:auto; width:200px; padding:0px 0px 10px 0px;margin:0px 0px 0px -200px; background:#f15b5b; }
.cmd_products li ul { display:none; }
.cmd_products li:hover ul { display:block; width:160px; padding:10px 20px 10px 20px; margin:0px 0px 0px -400px;  }

/* ###################################################### Footer  ###################################################### */
.footerBox li a { font-size:13px; }


/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup { top:150px; left:20%; width:60%;  }

/* ########################### home navigation ########################### */
.home_navigation_left, .home_navigation_right {  height:520px; }
.home_navigation_left_box h4, .home_navigation_right h4 { margin:20px 5% 10px 5%; }

/* ########################### home gallery ########################### */
.bzp_home { margin-top:360px !important; }
.bzp_sme { margin-top:360px !important; }
.bzp_industry { margin-top:360px !important; }
.bzp_transport { margin-top:360px !important; }
.bzp_traffic { margin-top:360px !important; }
.bzp_education { margin-top:140px !important; }
.bzp_retail { margin-top:360px !important; }
.bzp_bank { margin-top:360px !important; }


/* ########################### banner inside ########################### */
.inner_banner h1 { margin:-80px 0px 0px 0px; height:50px; line-height:50px; font-size:32px; }

/* ########################### top link holder ########################### */
.top_link_holder { padding:20px 2% 30px 2%; width:96%; }

/* ########################### ABOUT US - mission and value ########################### */
.infobar_mission { width:96%; margin:0px 2% 0px 2%;  }


/* ########################### sliding functionality in category ########################### */
/* sub category */
.proCatBox { width:24%; }

/* detail gallery */
.big-image-container { }
.lens-element { left:-120%; height:380px; width:380px; }


/* ########################### case study page ########################### */
.casestudy_tabal { height:70px; }
.casestudy_tabal h5 { height:60px; font-size:13px; line-height:20px; }
.casestudy_tabal h6 { height:60px; font-size:13px; line-height:20px; }

/* ##################################### signup for newsletter ################################################# */
.signup_for_newsletter { padding:130px 0px 150px 0px;  }
.signup_for_newsletter .snlf_form { width:80%; margin:0px 8% 0px 8%; padding:20px 2%; }
.signup_for_newsletter .snlf_form .snlf_input { width:66%; padding:0px 1%; }
.signup_for_newsletter .snlf_form .snlf_button { width:29%; padding:0px 1%; }


}


@media only screen and (min-width:768px) and (max-width:1003px)
{
.size_screen { display:none; }
.size_ipad { display:block; }
.size_mobile { display:none; }
	
/* ########################### Menu ########################### */
#MainMenu { width:150px; height:auto; float:right; position:absolute; top:80px; right:10px; background:#161616; }
#clickMenu, #clickMenu > li { height:auto; width:100%; float:left; clear:both; margin:0px; padding:0px; }
#clickMenu > li > a { background:none; padding:0px 0px 0px 0px; margin:0px; float:left; clear:both; height:50px; width:100%; line-height:50px; text-align:center; color:#fff; border-bottom:solid 1px #333; }
#clickMenu > li > a:focus { background:#f15b5b;  }
#clickMenu .clickMenuDropdown { top:0px; left:0px; background:none; }
.cmd_commn, .cmd_style { float:left; height:auto; width:180px; padding:10px 15px; margin:0px 0px 0px -210px; background:#f15b5b; }
.cmd_style ul { width:100%; }
.cmd_img { display:none !important; }

.cmd_products { float:left; height:auto; width:200px; padding:0px 0px 10px 0px;margin:0px 0px 0px -200px; background:#f15b5b; }
.cmd_products li ul { display:none; }
.cmd_products li:hover ul { display:block; width:160px; padding:10px 20px 10px 20px; margin:0px 0px 0px -400px;  }


/* ###################################################### Footer  ###################################################### */
.footer { margin:0; padding:30px 3% 30px 3%;  width:94%; }
.footerBox { width:33.3%; }
#foot_supp  { border-right:none; }
#foot_sol { border-right:none; }
.footer .footer_bottom { width:100%; margin:20px 0px 0px 0px; }
.footer .footer_bottom .fb_powerdby { width:65%;}
.footer .footer_bottom .fb_powerdby span { font-size:12px; }
.footer .footer_bottom p { width:65%; font-size:12px; }
.footer .footer_bottom .footer_bottom_right { width:24%;  }
.fbr_fb, .fbr_tw, .fbr_yt, .fbr_msg { width:30px; height:30px; }


/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup { top:150px; left:15%; width:70%;  }

/* ########################### home gallery ########################### */
.bzp_home { margin-top:250px !important; }
.bzp_sme { margin-top:250px !important; }
.bzp_industry { margin-top:250px !important; }
.bzp_transport { margin-top:250px !important; }
.bzp_traffic { margin-top:250px !important; }
.bzp_education { margin-top:100px !important; }
.bzp_retail { margin-top:250px !important; }
.bzp_bank { margin-top:250px !important; }
.flexslider .slides li h1 { font-size:24px; line-height:36px; }
.flexslider .slides li p { font-size:16px; line-height:24px; }

	
/* ########################### home navigation ########################### */
.home_navigation_left, .home_navigation_right { width:100%; height:700px; }





/* ########################### Category Landing ########################### */
.CategoryLanding_box1, .CategoryLanding_box2, .CategoryLanding_box3, .CategoryLanding_box4  { height:460px; }
.CategoryLanding_box1 img, .CategoryLanding_box2 img, .CategoryLanding_box3 img, .CategoryLanding_box4 img { width:70%; margin:10px 15% 10px 15%; }
.CategoryLanding_box1 p, .CategoryLanding_box2 p, .CategoryLanding_box3 p, .CategoryLanding_box4 p { width:80%; margin:0px 10% 0px 10%; text-align:center; }

/* sub category */
.proCatBox { width:31.3%;  margin:0px 1% 15px 1%;  }

.smart_selection_heading { width:100%; margin:0px; text-align:center; font-size:28px; }
.pfd_error_msg { width:100%; margin:0px; line-height:25px; text-align:center; font-size:16px; }
#pfh_dropdown  { margin-top:0px; }

.sub_cat_head { line-height:32px; font-size:28px; }
.sub_cat_pera { line-height:26px; font-size:16px; }

/* product filter */ 
#pfh_dropdown_holder .pfd_box { width:28%; margin:10px 1.2% 10px 1.2%; padding:0px 1.2% 0px 1.2%; }  
#pfh_dropdown_holder .pfd_submit_holder { clear:none; }


/* ########################### product detail page ########################### */
.product_detail { padding:30px 5% 40px 5%; margin:20px 5% 30px 5%; width:80%; }
.product_detail_left { width:100%; }
.gallery-container { width:80%; margin:20px 10% 20px 10%; }
.big-image-container { }
.mouse-cursor { display:none; }
.lens-element { display:none; }
.thumbnail-wrapper img { width:22%; margin:15px 1% 0px 1%; }


/* ########################### div_common ########################### */
.div_common h1 { line-height:35px; font-size:30px; }
.div_common p { line-height:26px; font-size:16px; }
.div_common h3 { line-height:26px; font-size:20px; }


/* ########################### banner inside ########################### */
.inner_banner h1 { margin:-80px 0px 0px 0px; height:50px; line-height:50px; font-size:32px; }


/* ########################### top link holder ########################### */
.top_link_holder { padding:20px 2% 30px 2%; width:96%; }
.toplink_fivebox { width:31%; }

/* ########################### ABOUT US - mission and value ########################### */
.infobar_mission { width:100%; margin:0px 0px 0px 0px;  }
.infobar_mission_pera, .infobar_mission_pera2 { padding-top:10px; }

/* ########################### Solution Content ########################### */
.solution_content .sc_part_left1 { width:50%; }
.solution_content .sc_part_right1 { width:46%; }
.solution_content .sc_part_three { width:48%; }
.solution_content .sc_part_two { width:48%; }
.solution_content .sc_part_one {  width:98%; }


/*  testimonials */
.testimonials_holder { width:90%; padding:20px 5% 20px 5%; }
.testimonials_holder h1 { margin:0px 0px 20px 0px; padding:0px; font-size:28px; line-height:28px; }
.testimonials .tm_text1 { width:400px; padding:10px 20px 10px 20px; line-height:22px; font-size:14px; }
.testimonials2 .tm_text2 { width:400px; padding:10px 20px 10px 20px; line-height:22px; font-size:14px; }


/* ########################### support callus ###########################  */
.supports .supports_form { width:100%;  margin:0px; }
.supports_form_box { width:27%; margin:30px 5% 10px 1%; } 


/* ########################### Media Page ########################### */
.mediapage .media_left { width:100%; float:left; padding-bottom:30px; }
.mediapage .media_right { width:100%; float:right; }

/* ########################### contact page ########################### */
.OurOffices p { width:31.3%; height:200px; margin:10px 1% 10px 1%; }

/* ##################################### signup for newsletter ################################################# */
.signup_for_newsletter { padding:130px 0px 150px 0px;  }
.signup_for_newsletter .snlf_form { width:90%; margin:0px 3% 0px 3%; padding:20px 2%; }
.signup_for_newsletter .snlf_form .snlf_input { width:66%; padding:0px 1%; }
.signup_for_newsletter .snlf_form .snlf_button { width:29%; padding:0px 1%; }

/* ############################ CAPTCHA CODE #################################### */
.home_bottom .hbf_captcha {  width:25%; }
.home_bottom .hbf_security { width:70%; }
#MyTabsDetail_container #PrdReqForm .prf_captcha { width:20%;  }
#MyTabsDetail_container #PrdReqForm .prf_security { width:73%; }
.career .career_captcha {  width:20%; }
.career .career_security { width:75%; }
.supports .supports_form  .sf_input_captcha { width:20%;  }
.supports .supports_form .sf_input_vrf {  width:75%; }

}


@media only screen and (min-width:600px) and (max-width:767px)
{
.size_screen { display:none; }
.size_ipad { display:block; }
.size_mobile { display:none; }
.size_fixed { height:250px; }
	
/* ########################### Menu ########################### */
#header { padding:0px; height:70px; width:100%; }
.header { padding:10px 2% 12px 2%; width:96%; float:left; height:45px; background:url(../images/header_bg.png) repeat left top; }
#header .logo { padding-top:3px; height:45px; width:170px;  }

#MainMenu { width:150px; height:auto; float:right; position:absolute; top:70px; right:10px; background:#161616; }
#clickMenu, #clickMenu > li { height:auto; width:100%; float:left; clear:both; margin:0px; padding:0px; }
#clickMenu > li > a { background:none; padding:0px 0px 0px 0px; margin:0px; float:left; clear:both; height:50px; width:100%; line-height:50px; text-align:center; color:#fff; border-bottom:solid 1px #333; }
#clickMenu > li > a:focus { background:#f15b5b;  }
#clickMenu .clickMenuDropdown { top:0px; left:0px; background:none; }
.cmd_commn, .cmd_style { float:left; height:auto; width:180px; padding:10px 15px; margin:0px 0px 0px -210px; background:#f15b5b; }
.cmd_style ul { width:100%; }
.cmd_img { display:none !important; }

.cmd_products { float:left; height:auto; width:200px; padding:0px 0px 10px 0px;margin:0px 0px 0px -200px; background:#f15b5b; }
.cmd_products li ul { display:none; }
.cmd_products li:hover ul { display:block; width:160px; padding:10px 20px 10px 20px; margin:0px 0px 0px -400px;  }

/* ###################################################### Footer  ###################################################### */
.footer { margin:0; padding:30px 3% 30px 3%;  width:94%;  }
.footerBox { width:33.3%; }
#foot_supp  { border-right:none; }
#foot_sol { border-right:none; }

.footer .footer_bottom { width:100%; margin:20px 0px 0px 0px; }
.footer .footer_bottom p { width:100%; text-align:center }
.footer .footer_bottom .fb_powerdby { width:100%; }
.footer .footer_bottom .fb_powerdby span { width:50%; float:left; text-align:right; }
.footer .footer_bottom .fb_powerdby img { width:auto; float:left; text-align:left; }
.footer .footer_bottom .footer_bottom_right { width:29%; margin:0px 36% 10px 35%; padding:0px; }
.fbr_fb, .fbr_tw, .fbr_yt, .fbr_msg { width:30px; height:30px; margin:0px 5px 0px 5px;  }

	
/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup { top:150px; left:15%; width:70%;  }

/* ########################### home gallery ########################### */
.bzp_home, .bzp_sme, .bzp_industry, .bzp_transport, .bzp_traffic, .bzp_education, .bzp_retail, .bzp_bank { display:none !important; }
.flex-direction-nav { display:none; }
	
/* ########################### home navigation ########################### */
.home_navigation_left  { width:100%; height:600px; }
.home_navigation_right  { width:100%; height:auto; }
.home_navigation_right img { width:70%; margin:0px 15% 20px 15%; }

/* ########################### home bottom ########################### */
.home_bottom { padding:0px 3%; width:94%; height:auto; }
.home_bottom .hb_map { width:100%; }
.home_bottom .hb_map img { display:none; }
.home_bottom .hb_form { width:100%; }


/* ########################### Category Landing ########################### */
.CategoryLanding_box1, .CategoryLanding_box2, .CategoryLanding_box3, .CategoryLanding_box4  { height:480px; }
.CategoryLanding_box1 img, .CategoryLanding_box2 img, .CategoryLanding_box3 img, .CategoryLanding_box4 img { width:70%; margin:10px 15% 10px 15%; }
.CategoryLanding_box1 p, .CategoryLanding_box2 p, .CategoryLanding_box3 p, .CategoryLanding_box4 p { width:80%; margin:0px 10% 0px 10%; text-align:center }

/* sub category */
.proCatBox { width:48%; margin:0px 1% 15px 1%; }

.smart_selection_heading { width:100%; margin:0px; text-align:center; font-size:28px; }
.pfd_error_msg { width:100%; margin:0px; line-height:25px; text-align:center; font-size:16px; }
#pfh_dropdown  { margin-top:0px; }


.sub_cat_head { line-height:32px; font-size:28px; }
.sub_cat_pera { line-height:26px; font-size:16px; }

/* product filter */
#pfh_dropdown_holder .pfd_box { width:28%; margin:10px 1.2% 10px 1.2%; padding:0px 1.2% 0px 1.2%; }  
#pfh_dropdown_holder .pfd_submit_holder { clear:none; }


/* ########################### product detail page ########################### */
.product_detail { padding:30px 5% 40px 5%; margin:20px 5% 30px 5%; width:80%; }
.product_detail_left { width:100%; }
.gallery-container { width:90%; margin:20px 5% 20px 5%; }
.big-image-container { }
.mouse-cursor { display:none; }
.lens-element { display:none; }
.thumbnail-wrapper img { width:22%; margin:15px 1% 0px 1%; }



/* ########################### div_common ########################### */
.div_common h1 { line-height:35px; font-size:30px; }
.div_common p { line-height:26px; font-size:16px; }
.div_common h3 { line-height:26px; font-size:20px; }

/* ########################### banner inside ########################### */
.inner_banner h1 { margin:-80px 0px 0px 0px; height:50px; line-height:50px; font-size:32px; }

/* ########################### top link holder ########################### */
.top_link_holder { padding:20px 2% 30px 2%; width:96%; }
.toplink_fivebox { width:31%; }

/* ########################### ABOUT US - mission and value ########################### */
.infobar_mission { width:100%; margin:0px 0px 0px 0px;  }
.infobar_mission_img, .infobar_mission_img2  { width:35%; }
.infobar_mission_pera, .infobar_mission_pera2 { width:60%; padding:0px; }

/* ########################### Solution Content ########################### */
.solution_content .sc_part_left1 { width:50%; }
.solution_content .sc_part_right1 { width:46%; }
.solution_content .sc_part_three { width:48%; }
.solution_content .sc_part_two { width:48%; }
.solution_content .sc_part_one {  width:98%; }


/*  testimonials */
.testimonials_holder { width:90%; padding:20px 5% 20px 5%; }
.testimonials_holder h1 { margin:0px 0px 20px 0px; padding:0px; font-size:28px; line-height:28px; }
.testimonials .tm_text1 { width:300px; padding:10px 20px 10px 20px; line-height:22px; font-size:14px; }
.testimonials2 .tm_text2 { width:300px; padding:10px 20px 10px 20px; line-height:22px; font-size:14px; }

/* ########################### support callus ###########################  */
.supports .supports_form { width:100%;  margin:0px; }
.supports_form_box { width:100%; margin:20px 0px 0px 0px; text-align:left; } 


/* ########################### Media Page ########################### */
.mediapage .media_left { width:100%; float:left; padding-bottom:30px; }
.mediapage .media_right { width:100%; float:right; }

/* tools page */
.rdt_box { width:100%; margin:0px 0px 12px 0px; }
.rdtb_head2 { margin:0px 1% 1px 1%; width:31%; }
.rdtb_head { margin:0px 1% 1px 1%; width:31%;  }
.rdtb_head3 { margin:0px 1% 1px 1%; width:31%; }
.rdt_box .rdtb_total { margin:10px 2% 0px 2%; width:30%; float:right; height:25px; }
.rdt_box .rdtb_calculate { margin:10px 2% 0px 2%; width:28%; float:right; height:25px; }


/* ########################### contact page ########################### */
.OurOffices p { width:48%; height:175px; margin:10px 1% 10px 1%; }

/* ##################################### signup for newsletter ################################################# */
.signup_for_newsletter { padding:130px 0px 150px 0px;  }
.signup_for_newsletter .snlf_form { width:92%; margin:0px 2% 0px 2%; padding:20px 2%; }
.signup_for_newsletter .snlf_form .snlf_input { width:58%; padding:0px 1%; }
.signup_for_newsletter .snlf_form .snlf_button { width:37%; padding:0px 1%; }

/* ############################ CAPTCHA CODE #################################### */
.home_bottom .hbf_captcha {  width:20%; }
.home_bottom .hbf_security { width:70%; }
#MyTabsDetail_container #PrdReqForm .prf_captcha { width:25%;  }
#MyTabsDetail_container #PrdReqForm .prf_security { width:68%; }
.career .career_captcha {  width:25%; }
.career .career_security { width:65%; }
.supports .supports_form  .sf_input_captcha { width:25%;  }
.supports .supports_form .sf_input_vrf {  width:65%; }

}

@media only screen and (min-width:480px) and (max-width:599px)
{
.size_screen { display:none; }
.size_ipad { display:none; }
.size_mobile { display:block; }
.size_fixed { height:200px; }

/* ########################### Menu ########################### */
#header { padding:0px; height:60px; width:100%; }
.header { padding:10px 2% 10px 2%; width:96%; float:left; height:40px; background:url(../images/header_bg.png) repeat left top; }
#header .logo { padding-top:5px; height:35px; width:140px;  }
#search-block-icon { display:block; }
#search-block-form { display:none; position:absolute; top:60px; right:0px; z-index:99999; float:right; width:90%; height:32px; margin:0px; padding:15px 5%; background:#ff5757;
 -moz-transition: all .5s  ease-in-out; -webkit-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s  ease-in-out; }
#search-block-form .sbf_input { height:32px; width:75%; margin:0px; padding:0px 5%; border:none; background:#fff; }
#search-block-form .sbf_button { height:32px; width:15%; margin:0px; padding:0px; border:none; background:#161616 url(../images/icon_search.png) no-repeat center top; }
#search-block-form .sbf_button:hover {  background:#000 url(../images/icon_search.png) no-repeat center top; }

#MainMenu { width:100%; height:auto; float:right; position:absolute; top:60px; right:0px; background:#161616; }
#clickMenu, #clickMenu > li { height:auto; width:100%; float:left; clear:both; margin:0px; padding:0px; }
#clickMenu > li > a { background:url(../images/menu_arrow_mobile2.png) no-repeat right 17px; padding:0px 5% 0px 5%; margin:0px; float:left; clear:both; height:50px; width:90%; line-height:50px; text-align:left; color:#fff; border-bottom:solid 1px #333; }
#clickMenu > li > a:focus { background:#161616 url(../images/menu_arrow_mobile.png) no-repeat right 17px; font-weight:bold; }
#clickMenu .clickMenuDropdown { position:static; top:0px; left:0px; background:none; width:100%; float:left; margin:0px; padding:0px; }
.cmd_commn, .cmd_style { float:left; height:auto; width:90%; padding:10px 5%; margin:0px 0px 0px 0px; background:#f15b5b; }
.cmd_style ul { width:100%; }
.cmd_img { display:none !important; }

.cmd_products { float:left; height:auto; width:90%; padding:10px 5%; margin:0px 0px 0px 0px; background:#f15b5b; }
.cmd_products li { width:100%; padding:5px 0px 5px 0px; }
.cmd_products li ul { display:none; }
.cmd_products li:hover ul { display:none;  }



/* ###################################################### Footer  ###################################################### */
.footer { margin:0; padding:30px 3% 30px 3%;  width:94%; background-size:auto auto; }
.footerBox { width:96%; margin:10px 2%;  }
#foot_about, #foot_pro, #foot_sol, #foot_cont, #foot_reso, #foot_supp { border-right:none; display:none; height:auto; }
#ft_about, #ft_pro, #ft_sol, #ft_cont, #ft_reso, #ft_supp { margin:0px 0px 5px 0px; font-size:16px; }
.footer .footer_bottom { width:100%; margin:30px 0px 0px 0px; }
.footer .footer_bottom p { width:100%; text-align:center }
.footer .footer_bottom .fb_powerdby { width:100%; }
.footer .footer_bottom .fb_powerdby span { width:50%; float:left; text-align:right; }
.footer .footer_bottom .fb_powerdby img { width:auto; float:left; text-align:left; }
.footer .footer_bottom .footer_bottom_right { width:36%; margin:0px 32% 10px 32%; padding:0px; }
.fbr_fb, .fbr_tw, .fbr_yt, .fbr_msg { width:30px; height:30px; margin:0px 5px 0px 5px;  }

	
/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup {  top:100px; left:5%; width:90%;  }

/* ########################### home gallery ########################### */
.bzp_home, .bzp_sme, .bzp_industry, .bzp_transport, .bzp_traffic, .bzp_education, .bzp_retail, .bzp_bank { display:none !important; }
.flex-direction-nav { display:none; }

/* ########################### home navigation ########################### */
.home_navigation_left { width:100%; height:500px; }
.home_navigation_left { width:100%; height:auto; }
.home_navigation_left_box, .home_navigation_left_box2 { position:static; width:100%; height:auto; }
.home_navigation_left p { padding-bottom:35px; }
.home_navigation_left h6, .home_navigation_left h5 { display:none; }
.home_navigation_right  { width:100%; height:auto; }
.home_navigation_right h4 { width:90%; margin:20px 5% 15px 5%; font-size:28px; line-height:32px; }
.home_navigation_right p { width:90%; margin:10px 5% 10px 5%; font-size:14px; line-height:20px; }
.home_navigation_right img { width:70%; margin:0px 15% 20px 15%; }

/* ########################### home bottom ########################### */
.home_bottom { padding:0px 3%; width:94%; height:auto; }
.home_bottom .hb_map { width:100%; }
.home_bottom .hb_map img { display:none; }
.home_bottom .hb_form { width:100%; }



/* ########################### Category Landing ########################### */
.CategoryLanding_box1, .CategoryLanding_box2, .CategoryLanding_box3, .CategoryLanding_box4  { height:auto; width:100%; }
.CategoryLanding_box1 img, .CategoryLanding_box2 img, .CategoryLanding_box3 img, .CategoryLanding_box4 img { width:60%; margin:10px 20% 10px 20%; }
.CategoryLanding_box1 p, .CategoryLanding_box2 p, .CategoryLanding_box3 p, .CategoryLanding_box4 p { width:80%; margin:0px 10% 40px 10%; text-align:center }
.CategoryLanding_box1 { background:#f0f0f0; }
.CategoryLanding_box2 {  background:#ff5757; }
.CategoryLanding_box3 { background:#f0f0f0; }
.CategoryLanding_box4 {  background:#ff5757; }
.CategoryLanding_box1 p { color:#161616;}
.CategoryLanding_box2 p { color:#ffffff;  }
.CategoryLanding_box3 p { color:#161616;}
.CategoryLanding_box4 p { color:#ffffff;  }
.CategoryLanding_box1:hover { background:#ffffff; }
.CategoryLanding_box2:hover { background:#961919; }
.CategoryLanding_box3:hover { background:#f0f0f0; }
.CategoryLanding_box4:hover { background:#961919; }

/* sub category */
.proCatBox { width:48%; margin:0px 1% 15px 1%;  }
.proCatBox h1 { font-size:14px; }
.proCatBox p { font-size:12px; }



/* product filter */
#pfh_dropdown_holder .pfd_box { width:42%; margin:10px 1.8% 10px 1.8%; padding:0px 1.8% 0px 1.8%; }  
#pfh_dropdown_holder .pfd_submit_holder { clear:none; }

.smart_selection_heading { width:100%; margin:0px; text-align:center; font-size:24px; line-height:34px }
.pfd_error_msg { width:100%; margin:0px; line-height:24px; text-align:center; font-size:16px; }
#pfh_dropdown  { margin-top:0px; }

.sub_cat_head { line-height:32px; font-size:28px; }
.sub_cat_pera { line-height:26px; font-size:16px; }

/* ########################### product detail page ########################### */
.product_detail { padding:0px 2% 30px 2%; margin:0px 2% 20px 2%; width:92%; }
.product_detail_left { width:100%; }
.TabbedPanelsTab { padding:0px 5%; margin:2px 0px 0px 0px; width:90%;  }
.TabbedPanelsContent ul.Prd_detail li strong { width:98%; padding:0px 1% 0px 1%; }
.TabbedPanelsContent ul.Prd_detail li b { width:98%; padding:0px 1% 0px 1%; }
.gallery-container { width:96%; margin:20px 2% 20px 2%; }
.big-image-container { }
.mouse-cursor { display:none; }
.lens-element { display:none; }
.thumbnail-wrapper img { width:22%; margin:15px 1% 0px 1%; }


/* ########################### div_common ########################### */
.div_common h1 { line-height:35px; font-size:30px; }
.div_common p { line-height:26px; font-size:16px; }
.div_common h3 { line-height:26px; font-size:20px; }

/* ########################### banner inside ########################### */
.inner_banner h1 { margin:-80px 0px 0px 0px; height:50px; line-height:45px; font-size:28px; }

/* ########################### ABOUT US - mission and value ########################### */
.infobar_mission { width:100%; margin:0px 0px 0px 0px;  }
.infobar_mission_img, .infobar_mission_img2  { width:35%; }
.infobar_mission_pera, .infobar_mission_pera2 { width:60%; padding:0px; }

/* ########################### SOLUTION PAGES ########################### */
.solution_content table td { padding:2px; font-size:12px; line-height:18px; }
.solution_content .sc_part_left1 { width:100%; }
.solution_content .sc_part_right1 { width:100%; }
.solution_content .sc_part_three { width:98%; }
.solution_content .sc_part_two { width:98%; }
.solution_content .sc_part_one {  width:98%; }


/* ########################### top link holder ########################### */
.top_link_holder { padding:20px 2% 30px 2%; width:96%; }
.toplink_threebox { width:48%; margin:15px 1% 5px 1%; }
.toplink_fourbox { width:48%; margin:15px 1% 5px 1%; }
.toplink_fivebox { width:48%; margin:15px 1% 5px 1%; }

/*  testimonials */
.testimonials_holder { width:94%; padding:20px 3% 20px 3%; }
.testimonials_holder h1 { margin:0px 0px 20px 0px; padding:0px; font-size:28px; line-height:28px; }
.testimonials .tm_text1 { width:250px; padding:10px 10px 10px 10px; line-height:20px; font-size:12px; }
.testimonials2 .tm_text2 { width:250px; padding:10px 10px 10px 10px; line-height:20px; font-size:12px; }

/* ########################### case study page ########################### */
.casestudy .cs_select { position:static;  width:100%; }
.casestudy .cs_head { text-align:center; }
.accordion { position:relative; right:0px; top:0px; }
.accordion-section-title { width:94%; padding:7px 3% 7px 3%; }

/* ########################### resource page ########################### */
.resource_download .rd_select { width:100%; }
.resource_download h1 { width:100%; height:32px; float:left; margin:0px 0px 20px 0px; }

/* ########################### support callus ########################### */
.supports .supports_form { width:100%;  margin:0px; }
.supports_form_box { width:100%; margin:20px 0px 0px 0px; text-align:left; } 
.supports table td { padding:0px 2px 0px 2px; line-height:18px; font-size:12px; }

/* ########################### sitemap page ########################### */
.sitemap li { width:100%;  }

/* ########################### Media Page ########################### */
.mediapage .media_left { width:100%; float:left; padding-bottom:30px; }
.mediapage .media_right { width:100%; float:right; }

/* tools page */
.rdt_box { width:100%; margin:0px 0px 12px 0px; }
.rdtb_head2 { margin:0px 1% 1px 1%; width:31%; }
.rdtb_head { margin:0px 1% 1px 1%; width:31%;  }
.rdtb_head3 { margin:0px 1% 1px 1%; width:31%; }
.rdt_box .rdtb_total { margin:10px 2% 0px 2%; width:30%; float:right; height:25px; }
.rdt_box .rdtb_calculate { margin:10px 2% 0px 2%; width:28%; float:right; height:25px; }


/* ########################### contact page ########################### */
.OurOffices p { width:98%; height:auto; margin:10px 1% 10px 1%; border-bottom:solid 1px #ddd; padding:0px 0px 10px 0px; }

/* ##################################### signup for newsletter ################################################# */
.signup_for_newsletter { padding:70px 0px 100px 0px;  }
.signup_for_newsletter .snlf_form { width:80%; margin:0px 5% 0px 5%; padding:20px 5%; }
.signup_for_newsletter .snlf_form .snlf_input { width:90%; padding:0px 5% 0px 5%; margin:0px 0px 10px 0px; }
.signup_for_newsletter .snlf_form .snlf_button { width:60%; padding:0px 0px 0px 0px; margin:5px 20% 0px 20%; }


/* ############################ CAPTCHA CODE #################################### */
.home_bottom .hbf_captcha {  width:25%; }
.home_bottom .hbf_security { width:70%; }
#MyTabsDetail_container #PrdReqForm .prf_captcha { width:25%;  }
#MyTabsDetail_container #PrdReqForm .prf_security { width:68%; }
.career .career_captcha {  width:25%; }
.career .career_security { width:65%; }
.supports .supports_form  .sf_input_captcha { width:25%;  }
.supports .supports_form .sf_input_vrf {  width:65%; }


}

@media only screen and (min-width:120px) and (max-width:479px)
{
.size_screen { display:none; }
.size_ipad { display:none; }
.size_mobile { display:block; }
.size_fixed { height:160px; }

/* ########################### Menu ########################### */
#header { padding:0px; height:60px; width:100%; }
.header { padding:10px 2% 10px 2%; width:96%; float:left; height:40px; background:url(../images/header_bg.png) repeat left top; }
#header .logo { padding-top:5px; height:35px; width:140px;  }
#search-block-icon { display:block; }
#search-block-form { display:none; position:absolute; top:60px; right:0px; z-index:99999; float:right; width:90%; height:32px; margin:0px; padding:15px 5%; background:#ff5757; }
#search-block-form .sbf_input { height:32px; width:75%; margin:0px; padding:0px 5%; border:none; background:#fff; }
#search-block-form .sbf_button { height:32px; width:15%; margin:0px; padding:0px; border:none; background:#161616 url(../images/icon_search.png) no-repeat center top; }
#search-block-form .sbf_button:hover {  background:#000 url(../images/icon_search.png) no-repeat center top; }


#MainMenu { width:100%; height:auto; float:right; position:absolute; top:60px; right:0px; background:#161616; }
#clickMenu, #clickMenu > li { height:auto; width:100%; float:left; clear:both; margin:0px; padding:0px; }
#clickMenu > li > a { background:url(../images/menu_arrow_mobile2.png) no-repeat right 17px; padding:0px 5% 0px 5%; margin:0px; float:left; clear:both; height:50px; width:90%; line-height:50px; text-align:left; color:#fff; border-bottom:solid 1px #333; }
#clickMenu > li > a:focus { background:#161616 url(../images/menu_arrow_mobile.png) no-repeat right 17px; font-weight:bold; }
#clickMenu .clickMenuDropdown { position:static; top:0px; left:0px; background:none; width:100%; float:left; margin:0px; padding:0px; }
.cmd_commn, .cmd_style { float:left; height:auto; width:90%; padding:10px 5%; margin:0px 0px 0px 0px; background:#f15b5b; }
.cmd_style ul { width:100%; }
.cmd_img { display:none !important; }

.cmd_products { float:left; height:auto; width:90%; padding:10px 5%; margin:0px 0px 0px 0px; background:#f15b5b; }
.cmd_products li { width:100%; padding:5px 0px 5px 0px; }
.cmd_products li ul { display:none; }
.cmd_products li:hover ul { display:none;  }


/* ###################################################### Footer  ###################################################### */
.footer { margin:0; padding:30px 3% 30px 3%;  width:94%; background-size:auto auto;  }
.footerBox { width:96%; margin:10px 2%; }
#foot_about, #foot_pro, #foot_sol, #foot_cont, #foot_reso, #foot_supp { border-right:none; display:none; height:auto; }
#ft_about, #ft_pro, #ft_sol, #ft_cont, #ft_reso, #ft_supp { margin:0px 0px 5px 0px;  font-size:16px; }
.footer .footer_bottom { width:100%; margin:30px 0px 0px 0px; }
.footer .footer_bottom p { width:100%; text-align:center }
.footer .footer_bottom .fb_powerdby { width:100%; text-align:center; }
.footer .footer_bottom .fb_powerdby span { width:100%; float:left; text-align:center; }
.footer .footer_bottom .fb_powerdby img { float:none; text-align:center; margin:0px auto; }
.footer .footer_bottom .footer_bottom_right { width:54%; margin:0px 23% 10px 23%; padding:0px; }
.fbr_fb, .fbr_tw, .fbr_yt, .fbr_msg { width:30px; height:30px; margin:0px 5px 0px 5px;  }



/* ########################### Home popUp onPageLoad ########################### */
.my_window_popup {  top:80px; left:2%; width:92%;  }

/* ########################### home gallery ########################### */
.bzp_home, .bzp_sme, .bzp_industry, .bzp_transport, .bzp_traffic, .bzp_education, .bzp_retail, .bzp_bank { display:none !important; }
.flex-direction-nav { display:none; }

/* ########################### home navigation ########################### */
.home_navigation_left { width:100%; height:auto; }
.home_navigation_left_box, .home_navigation_left_box2 { position:static; width:100%; height:auto; }
.home_navigation_left p { padding-bottom:30px; }
.home_navigation_left h6, .home_navigation_left h5 { display:none; }
.home_navigation_right  { width:100%; height:auto; }
.home_navigation_right img { width:70%; margin:0px 15% 20px 15%; }


/* ########################### home bottom ########################### */
.home_bottom { padding:0px 3%; width:94%; height:auto; }
.home_bottom .hb_map { width:100%; }
.home_bottom .hb_map img { display:none; }
.home_bottom .hb_form { width:100%; }


/* ########################### Category Landing ########################### */
.CategoryLanding_box1, .CategoryLanding_box2, .CategoryLanding_box3, .CategoryLanding_box4  { height:auto; width:100%; }
.CategoryLanding_box1 img, .CategoryLanding_box2 img, .CategoryLanding_box3 img, .CategoryLanding_box4 img { width:60%; margin:10px 20% 10px 20%; }
.CategoryLanding_box1 p, .CategoryLanding_box2 p, .CategoryLanding_box3 p, .CategoryLanding_box4 p { width:80%; margin:0px 10% 40px 10%; text-align:center }
.CategoryLanding_box1 { background:#f0f0f0; }
.CategoryLanding_box2 {  background:#ff5757; }
.CategoryLanding_box3 { background:#f0f0f0; }
.CategoryLanding_box4 {  background:#ff5757; }
.CategoryLanding_box1 p { color:#161616;}
.CategoryLanding_box2 p { color:#ffffff;  }
.CategoryLanding_box3 p { color:#161616;}
.CategoryLanding_box4 p { color:#ffffff;  }
.CategoryLanding_box1:hover { background:#ffffff; }
.CategoryLanding_box2:hover { background:#961919; }
.CategoryLanding_box3:hover { background:#f0f0f0; }
.CategoryLanding_box4:hover { background:#961919; }

/* sub category */
.proCatBox { width:90%; margin:0px 5% 15px 5%; }

/* product filter */
#pfh_dropdown_holder .pfd_box { width:88%; margin:10px 2.8% 10px 2.8%; padding:0px 2.8% 0px 2.8%;  }  
#pfh_dropdown_holder .pfd_submit_holder { clear:none; }

.smart_selection_heading { width:100%; margin:0px; text-align:center; font-size:20px; line-height:30px; }
.pfd_error_msg { width:100%; margin:0px; line-height:22px; text-align:center; font-size:14px; }
#pfh_dropdown  { margin-top:0px; }

.sub_cat_head { line-height:28px; font-size:24px; }
.sub_cat_pera { line-height:22px; font-size:14px; }

/* ########################### product detail page ########################### */
.product_detail { padding:0px 2% 30px 2%; margin:0px 2% 20px 2%; width:92%; }
.product_detail_left { width:100%; }
.TabbedPanelsTab { padding:0px 5%; margin:2px 0px 0px 0px; width:90%;  }
.TabbedPanelsContent ul.Prd_detail li strong { width:98%; padding:0px 1% 0px 1%; }
.TabbedPanelsContent ul.Prd_detail li b { width:98%; padding:0px 1% 0px 1%; }

.gallery-container { width:100%; margin:10px 0% 20px 0%; }
.big-image-container { }
.mouse-cursor { display:none; }
.lens-element { display:none; }
.thumbnail-wrapper img { width:22%; margin:15px 1% 0px 1%; }



/* ########################### div_common ########################### */
.div_common h1 { line-height:35px; font-size:30px; }
.div_common p { line-height:26px; font-size:16px; }
.div_common h3 { line-height:26px; font-size:20px; }

/* ########################### banner inside ########################### */
.inner_banner h1 { margin:-60px 0px 0px 0px; height:45px; line-height:45px; font-size:24px; }

/* ########################### ABOUT US - mission and value ########################### */
.infobar_mission { width:100%; margin:0px 0px 0px 0px;  }
.infobar_mission_img, .infobar_mission_img2  { width:100%; padding:10px 0px 10px 0px; }
.infobar_mission_pera, .infobar_mission_pera2 { width:100%; padding:0px; text-align:justify }

/* ########################### SOLUTION PAGES ########################### */
.solution_content table td { padding:1px; font-size:11px; line-height:16px; }
.solution_content .sc_part_left1 { width:100%; }
.solution_content .sc_part_right1 { width:100%; }
.solution_content .sc_part_three { width:98%; }
.solution_content .sc_part_two { width:98%; }
.solution_content .sc_part_one {  width:98%; }

/* ########################### top link holder ########################### */
.top_link_holder { padding:20px 2% 30px 2%; width:96%; }
.toplink_threebox { width:48%; margin:15px 1% 5px 1%; }
.toplink_fourbox { width:48%; margin:15px 1% 5px 1%; }
.toplink_fivebox { width:48%; margin:15px 1% 5px 1%; }

/*  testimonials */
.testimonials_holder { width:90%; padding:20px 5% 20px 5%; text-align:center; }
.testimonials_holder h1 { margin:0px 0px 20px 0px; padding:0px; font-size:28px; line-height:28px; }
.testimonials .tm_text1 { width:100%; padding:10px 0px 10px 0px; line-height:20px; font-size:12px; text-align:center; }
.testimonials2 .tm_text2 { width:100%; padding:10px 0px 10px 0px; line-height:20px; font-size:12px; text-align:center; }
.testimonials .tm_box1 { float:none; margin:auto; }
.testimonials2 .tm_box2 { float:none; margin:auto; }

/* ########################### case study page ########################### */
.casestudy .cs_select { position:static;  width:100%; }
.casestudy .cs_head { text-align:center; }
.accordion { position:relative; right:0px; top:0px; }
.accordion-section-title { width:92%; padding:7px 4% 7px 4%; }
.casestudy p img { width:97%; margin:5px 0px 10px 0px;  }

/* ########################### resource page ########################### */
.resource_download .rd_select { width:100%; }
.resource_download h1 { width:100%; height:32px; float:left; margin:0px 0px 20px 0px; }

/* ########################### support callus ########################### */
.supports .supports_form { width:100%;  margin:0px; }
.supports_form_box { width:100%; margin:20px 0px 0px 0px; text-align:left; } 
.supports table td { padding:0px 2px 0px 2px; line-height:18px; font-size:11px; }

/* ########################### sitemap page ########################### */
.sitemap li { width:100%;  }


/* ########################### Media Page ########################### */
.mediapage .media_left { width:100%; float:left; padding-bottom:30px; }
.mediapage .media_right { width:100%; float:right; }
.mediapage .media_right .tvc_print2 { width:100%; margin:5px 0px 5px 0px; }
.mediapage .media_right .tvc_print1 { width:100%; margin:5px 0px 5px 0px; }

/* tools page */
.rdt_box { width:100%; margin:0px 0px 12px 0px; }
.rdtb_head2 { margin:0px 1% 1px 1%; width:31%; }
.rdtb_head { margin:0px 1% 1px 1%; width:31%;  }
.rdtb_head3 { margin:0px 1% 1px 1%; width:31%; }
.rdt_box .rdtb_total { margin:10px 2% 0px 2%; width:30%; float:right; height:25px; }
.rdt_box .rdtb_calculate { margin:10px 2% 0px 2%; width:28%; float:right; height:25px; }

/* ########################### contact page ########################### */
.OurOffices p { width:98%; height:auto; margin:10px 1% 10px 1%; border-bottom:solid 1px #ddd; padding:0px 0px 10px 0px; }

/* ##################################### signup for newsletter ################################################# */
.signup_for_newsletter { padding:70px 0px 100px 0px;  }
.signup_for_newsletter .snlf_form { width:80%; margin:0px 5% 0px 5%; padding:20px 5%; }
.signup_for_newsletter .snlf_form .snlf_input { width:90%; padding:0px 5% 0px 5%; margin:0px 0px 10px 0px; }
.signup_for_newsletter .snlf_form .snlf_button { width:80%; padding:0px 0px 0px 0px; margin:5px 10% 0px 10%; }

/* ############################ CAPTCHA CODE #################################### */
.home_bottom .hbf_captcha {  width:30%; }
.home_bottom .hbf_security { width:65%; }
#MyTabsDetail_container #PrdReqForm .prf_captcha { width:30%;  }
#MyTabsDetail_container #PrdReqForm .prf_security { width:62%; }
.career .career_captcha {  width:30%; }
.career .career_security { width:65%; }
.supports .supports_form  .sf_input_captcha { width:30%;  }
.supports .supports_form .sf_input_vrf {  width:65%; }


}
