@media all and (min-width:0px) and (max-width:500px) 
{
      #sub-footer
    {
        display: none;
    }
    #sub-footer-mobile
    {
        display: block;
        height: 250px;
        background-color: #454545;
        clear: both;
        margin: 10px 0 0;
        width: 100%;
    }
    #sub-footer-mobile .div-logos-primary .row
    {
        width: 100%;
        text-align: center;
        height: 110px;
    }
    #sub-footer-mobile .div-logos-primary .row .footer-logo
    {
        height: 110px;
    }
    #sub-footer-mobile .footer-policy, #sub-footer-mobile .footer-copyright
    {
        width: 100%;
        text-align: center;
    }

	/* iPhone Settings */
	#sub-footer {
		background-color: #454545;
		float: left;
		clear: both;
		margin: 10px 0 0;
		max-width: 500px;
	}
	#logos-primary{
		width: 500px!important;
	}
	#logos-secondary{
		width: 500px!important;
	}
	#wrapper {
		margin: 0;
		text-align: left;
		max-width: 500px;
		float: none;
	}
	
	
	/* Phone Settings */
	#css3menu1
	{
		position: relative;
		top: -10px;
		left: 99px;
	}
	
	#region-finder
	{
		display: flex!important;
	}
    #MainMenuDiv
	{
		display: none!important;
	}
	#MobileMainMenu
	{
		position: relative;
		top: 40px;
		left: -96px;
	}
     /*prateek 10-Jul chnages*/
     body {
        width: 100%;
        min-width: 100%;
    }

    .logo { margin: 3px 0 2px -17px;}  
    #content {padding-top: 30px;}
    
ul#css3menu1{left:12px;top:62px;}
.sf_2cols_1_75 , .sf_2cols_2_25{
    float: left;
    width: 100%;
}
    #RegionMenu {display:block;left: -12px;position: absolute;width: 100%;}
    #dealer-locator a, #region-finder a{padding-left:2px;}
    /*prateek 10-jul end*/
	/*prateek chnages 13-Jul */
	#menu-icon 
	{
		display: flex;
		color: #000;
		height: 30px;
		background: #ecebeb url(/styleimages/menu-icon.png) no-repeat 10px center;
		cursor: pointer;
		border: solid 1px #666;
		display: block;
		height: 30px;
		margin-left: -15px;
		position: relative;
		top: 108px !important;
		width: 0px;
		left:0px;
		padding: 0px 7px 0 32px;
	}
		.sfContentBlock hr { margin-top: 20px;}
	#mini-top-nav {width:auto;margin-top: 3px;}
	.sfsearchBox {display: block;left: 0px;position: absolute;top: 105px;}
	.ProductPageTitle{font-size: 30px;}
	.ProductPageTitleDescription{font-size: 17px;}
	.sfBreadcrumbWrp  {margin-top: 10px;}
	.cloudzoomthumbs {width: 100%;}
	.cloudzoom {width: 100%;}
	.SectionTabs {width: 100%;}
	.SectionTabSelected {width: 70%;}
	.SectionTab {width: 70%;}
	.OverviewSection {clear: both;margin-left: 0;margin-top: 0;padding-top: 10px;}	
	.SectionTitleBar {width:100%;}
	.SectionBlackBigText{font-size: 16px;}
	.SectionContentNormal{text-align: justify; font-size: 12px;}
	.FeaturedContent ul li {font-size: 12px;}
	.FeaturesContentTitle{ font-size: 14px;}
	.FeaturesContent {font-size: 12px;text-align: justify;}
	.sysIntegrationImg{width:100%;}
	.sysIntegrationContent{width:100%;}
	.SectionContentNormal{font-size: 12px;}
	.SpecNameColumn {padding-right: 8px;vertical-align: top;width: 30%;}
	.SpecsTableRows {width: 100%;}
	#sub-footer {width:100%;min-width:100%;}	
	#sub-footer ul{width:100%;min-width:100%; max-width: 100%;}
    /*prateek 13-jul end*/
}

@media all and (min-width:501px) and (max-width:640px) 
{
	/* Other Phone  Settings */
	#sub-footer {
		background-color: #454545;
		float: left;
		clear: both;
		margin: 10px 0 0;
		max-width: 600px;
	}
	#logos-primary{
		width: 600px!important;
	}
	#logos-secondary{
		width: 600px!important;
	}
	#wrapper {
		margin: 0;
		text-align: left;
		max-width: 600px;
		float: none;
	}
	#css3menu1
	{
		position: relative;
		top: -10px;
		left: 99px;
	}
	
	#region-finder
	{
		display: flex!important;
	}

	/*.sfsearchBox
	{
		display: flex !important;
		position: relative;
		left: 0px;
		top: 0px;
		width: 200px;
	}*/
	/*#menu-icon 
	{
		display: flex;
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(/styleimages/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block;
		position: relative;
		top: 30px;
		left: 90px;
	}*/
	#MainMenuDiv
	{
		display: none!important;
	}

	#MobileMainMenu
	{
		position: relative;
		top: 40px;
		left: -96px;
	}
    /*prateek chnages 13-Jul */
	     body {
        width: 100%;
        min-width: 100%;
    }

    .logo { margin: 3px 0 2px -17px;}  
	#menu-icon 
	{display: flex;
		color: #000;
		height: 30px;
		background: #ecebeb url(/styleimages/menu-icon.png) no-repeat 10px center;
		cursor: pointer;
		border: solid 1px #666;
		display: block;
		height: 30px;
		margin-left: -15px;
		position: relative;
		top: 108px !important;
		width: 0px;
		left:0px;
		padding: 0px 7px 0 32px;
	}
    #content {padding-top: 30px;}
    
ul#css3menu1{left:12px;top:62px;}
.sf_2cols_1_75 , .sf_2cols_2_25{
    float: left;
    width: 100%;
}
    #RegionMenu {display:block;left: 80px;position: absolute;width: auto;}
    #dealer-locator a, #region-finder a{padding-left:2px;}
	.sfContentBlock hr { margin-top: 20px;}	
	.sfContentBlock hr { margin-top: 20px;}
	#mini-top-nav {width:auto;margin-top: 3px;}
	.sfsearchBox {display: block;left:0px;position: absolute;top: 111px;}
	.ProductPageTitle{font-size: 30px;}
	.ProductPageTitleDescription{font-size: 17px;}
	.sfBreadcrumbWrp  {margin-top: 10px;}
	.cloudzoomthumbs {width: 100%;}
	.cloudzoom {width: 100%;}
	.SectionTabs {width: 100% ;}
	.SectionTabSelected {width: 70% ;}
	.SectionTab {width: 70% ;}
	.OverviewSection {clear: both;margin-left: 0!important;margin-top: 0!important;padding-top: 10px;}	
	.SectionTitleBar {width:100%;}
	.SectionBlackBigText{font-size: 16px;}
	.SectionContentNormal{text-align: justify; font-size: 12px;}
	.FeaturedContent ul li {font-size: 12px;}
	.FeaturesContentTitle{ font-size: 14px;}
	.FeaturesContent {font-size: 12px;text-align: justify;}
	.sysIntegrationImg{width:100%;}
	.sysIntegrationContent{width:100%;}
	.SectionContentNormal{font-size: 12px;}
	.SpecNameColumn {padding-right: 8px;vertical-align: top;width: 30%;}
	.SpecsTableRows {width: 100%;}
	#sub-footer {width:100%;min-width:100%;}	
	#sub-footer ul{width:100%;min-width:100%; max-width: 100%;}
    /*prateek 13-jul end*/
}


@media all and (min-width:641px) and (max-width:1023px) 
{
	/* Ipad/Tablet Settings */
	#css3menu1
	{
		position: relative;
		top: -10px;
		left: 99px;
	}
	
	#region-finder
	{
		display: flex!important;
	}

	/*.sfsearchBox
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 200px;
		z-index: 1;
	}*/
	#menu-icon 
	{
		display: none;
/*		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(/styleimages/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block;
		position: relative;
		top: 30px;
		left: 90px;*/
	}
	#MainMenuDiv
	{
		display: flex!important;
		position: relative;
		top: 45px;
		left: -30px;
	}
    /*prateek 10-jul changes*/
    body {
        width: 100%;
        min-width: 100%;
    }
    .logo{margin: 5px 0;}
    .top-nav {
        width: 100%;
    }

    #mini-top-nav {
        width: 55%;
        margin-top: 5px;
    }

    .sfContentBlock ul {padding-left: 0; margin-bottom: 0;}

    #MainMenuDiv {
        display: flex !important;
        left: 0;
        position: relative;
        top: 0;
    }
    #dealer-locator a, #region-finder a {
        padding-left: 5px;
    }
    #RegionMenu {
    left: 235px;
    position: absolute;
    width: 125%;
}
    #dealer-locator a, #region-finder a{padding-left:2px;}
    #dealer-locator a:hover, #region-finder a:hover{padding-left: 4px !important;} 

    /*content section*/
    #content {
        padding-top: 10px;
        width: 100%;
    }
    .sf_2cols_1_75 { width: 100%;}
    .sf_2cols_2_25 { float: left; width: 100%;}
    .sf_2cols_2_25 .sf_2cols_2in_25 {margin-left: 0;}
	/*prateek 10-jul end*/
	
	/*prateek chnages 13-Jul */
	
.SectionTitleBar {
    background-color: #535051;
    height: 21px;
    padding-top: 10px;
    position: relative;
    width: auto;
}
	.sfContentBlock hr { margin-top: 20px;}	
	.sfsearchBox
	{
		display:block;
		position: relative;
		left: 0px;
		top: 0px;
		width: auto;
		z-index: 1;
	}
	.SpecsTableRows{width:auto;}
	
.SpecNameColumn { padding-right: 10px;
    width: 30%;}
    /*prateek 13-jul end*/

}
