@charset "utf-8";
/* CSS Document */

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) 
{
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
{
	.top-mail
	{
		text-align:center;
		display:block;
	}
	.top-call
	{
		text-align:center;
		display:block;
	}
	.top-social
	{
		text-align:center;
		display:block;
	}
	.top-adjust1
	{
		width:40% !important;
		float:left;
	}
	.top-adjust2
	{
		width:0% !important;
		float:left;
	}
	.top-adjust3
	{
		width:60% !important;
		float:left;
	}
	.top-adjust4
	{
		margin:0px;
		padding:0px;
	}
	.logo-strip 
	{
    	padding: 3px 0px;
	}
	.top-search 
	{
		padding:0px;
		margin: 0px 0px 0px 0px;
	}
	.top-dropdown 
	{
		margin:3px 0px 0px 0px;
		color: #FFF;
		padding: 5px 10px 5px 15px !important;
		border: 2px solid #7a7a7a;
		background: #7a7a7a;
	}
	.logo
	{
		margin-top: 10px;
	}
	.product-range-btn
	{
		clear:both;
		display:inline-block;
		margin-top:15px;
	}
	.done-by
	{
		float:left !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
{
	.top-social
	{
		margin-left:-10px;
		margin-top:5px;
	}
	.top-adjust1
	{
		width:30% !important;
		float:left;
	}
	.top-adjust2
	{
		width:0% !important;
		float:left;
	}
	.top-adjust3
	{
		width:70% !important;
		float:left;
	}
	.top-adjust4
	{
		margin:0px;
		padding:0px;
	}
	.top-search 
	{
		padding:0px;
		margin: 13px 0px 0px 0px;
	}
	.top-dropdown 
	{
		margin:14px 0px 0px 15px;
		color: #FFF;
		padding: 5px 10px 5px 15px !important;
		border: 2px solid #7a7a7a;
		background: #7a7a7a;
	}
	.product-range-adjust1
	{
		width:55% !important;
		float:left !important;
	}
	.product-range-adjust2
	{
		width:45% !important;
		float:left !important;
	}
	.done-by
	{
		float:left !important;
	}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
{
	.product-range-adjust1
	{
		width:55% !important;
		float:left !important;
	}
	.product-range-adjust2
	{
		width:45% !important;
		float:right !important;
	}
	.pretop-adjust1
	{
		width:70%;
		float:left !important;
	}
	.pretop-adjust2
	{
		width:0%;
	}
	.top-social
	{
		float:right;
	}
	.top-adjust1
	{
		width:30% !important;
		float:left;
	}
	.top-adjust2
	{
		width:0% !important;
		float:left;
	}
	.top-adjust3
	{
		width:70% !important;
		float:left;
	}
	.top-search 
	{
		padding:0px;
		margin: 13px 0px 0px 0px;
	}
	.top-dropdown 
	{
		margin:14px 0px 0px 15px;
		color: #FFF;
		padding: 5px 10px 5px 15px !important;
		border: 2px solid #7a7a7a;
		background: #7a7a7a;
	}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) 
{
	.navbar-header 
	{
        float: none;
    }
    .navbar-toggle 
	{
        display: block !important;
    }
    .navbar-collapse 
	{
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse 
	{
        display: none!important;
    }
    .navbar-nav 
	{
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li 
	{
        float: none;
    }
    .navbar-nav>li>a 
	{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in 
	{ 
        display: block!important;
    }
    .collapsing 
	{
        overflow: hidden!important;
    }
	.pretop-adjust1
	{
		width:75%;
		float:left !important;
	}
	.pretop-adjust2
	{
		width:0%;
	}
	.pretop-adjust3
	{
		width:25%;
	}
	.top-adjust1
	{
		width:40% !important;
		float:left;
	}
	.top-adjust2
	{
		width:0% !important;
		float:left;
	}
	.top-adjust3
	{
		width:60% !important;
		float:left;
	}
	.product-range-adjust1
	{
		width:65% !important;
		float:left !important;
	}
	.product-range-adjust2
	{
		width:35% !important;
		float:right !important;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) 
{
	.navbar-header 
	{
        float: none;
    }
    .navbar-toggle 
	{
        display: block !important;
    }
    .navbar-collapse 
	{
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse 
	{
        display: none!important;
    }
    .navbar-nav 
	{
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li 
	{
        float: none;
    }
    .navbar-nav>li>a 
	{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text 
	{
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in 
	{ 
        display: block!important;
    }
    .collapsing 
	{
        overflow: hidden!important;
    }
	.top-adjust1
	{
		width:55% !important;
		float:left;
	}
	.top-adjust2
	{
		width:0% !important;
		float:left;
	}
	.top-adjust3
	{
		width:45% !important;
		float:left;
	}
}