@media (min-width: 2000px) and (max-width: 2499px)

{

	.pane-nav

	{

		left: 360px;

	}

}

@media (min-width: 1900px) and (max-width: 1999px)

{

	.pane-nav

	{

		left: 200px;

	}

}

@media (min-width: 1600px) and (max-width: 1899px)

{

	.pane-nav

	{

		left: 200px;

	}

}



@media (min-width: 1400px) and (max-width: 1599px)

{

	.pane-nav

	{

		left: 130px;

	}

}



/* Only larger Devices - Larger New LCD/LED Monitors*/

@media (min-width: 1200px) and (max-width: 1399px)

{

	.pane-nav

	{

		left: 130px;

	}

}





/* From Medium Devices Up To Larger Devices - Medium Old Monitors */

@media (min-width: 980px) and (max-width: 1199px)

{

	.container

	{

	    width: 95%;

	}
	.section
	{
	    height: auto;
	}
	nav ul a

	{

		font-size: 16px;

		padding: 0 10px;

	}

	.pane-nav

	{

		left: 25px;

	}

	.box-right

	{

		float: right;

		width: 350px;

		top: 20px;

		right: 100px;

	}

	.box-center

	{

		width: 500px;

		top: 20px;

		left: 35px;

		right: 0;

		margin: 0 auto 50px;

	}

	.product-range

	{

		min-height: 90px !important;

	}

	.product-range-box

	{

		min-height: 80px;

	}

	.product-range-box p

	{

		font-size: 14px;

	}

	form

	{

		float: none !important;
		width:100%;
		display: flex;
	    margin: 0 auto;
	}
	form .row
	{
		width:100%;
	}
	.ml-150
	{
	    margin-left: 0 !important;
	}
	.ml-217
	{
	    margin-left: 67px !important;
	}
	.ml-284
	{
	    margin-left: 134px !important;
	}
	.ml-351
	{
	    margin-left: 201px !important;
	}
	.mb-20
	{
	    margin-bottom: 10px;
	}
	.mt-20
	{
	    margin-top: 20px;
	}
	.brand-logo img
	{
	    width: 70%;
	    margin-top: 14px;
	}
	#product-range-div
	{
		width: 100%;
	}
	
}



/* From Small Devices Up To Medium Devices - Tab */

@media (min-width: 768px) and (max-width: 979px)

{

	.container

	{

		width: 95%;

	}

	.sidenav li>a,.sidenav .collapsible-header, .sidenav.fixed .collapsible-header

	{

		color: rgba(0,0,0,0.87);

		display: block;

		font-size: 14px;

		font-weight: 500;

		height: 48px;

		line-height: 48px;

		padding: 0 32px;

	}

	a,nav a

	{

		color: #333;

		font-size: 16px;

		-webkit-transition:all .2s ease-in-out;

		-o-transition:all .2s ease-in-out;

		transition:all .2s ease-in-out;

	}

	.banner-text

	{

		position: relative;

		top: 0;

		display: flex;

		justify-content: center;

		align-items: center;

		text-align: center;

		min-height: 201px;

		vertical-align: middle;

		bottom: 0;

	}

	a:hover,a:focus,nav a:hover,nav a:focus

	{

		color: #1B4C99;

		outline: none;

		-webkit-transition:all .2s ease-in-out;

		-o-transition:all .2s ease-in-out;

		transition:all .2s ease-in-out;

	}

	#pane-nav

	{

		display: none;

	}

	.box-right,.box-center

	{

		float: none;

		width: 70%;

		margin: 0 auto;

	}

	.box-center

	{

		top: 50px;

	}

	nav,.navbar-fixed

	{

		height: 64px;

	}

	.footer-links

	{

		float: none !important;

		text-align: center;

		margin-top: 15px !important;

	}

	footer

	{

		text-align: center;

	}

	.banner-text

	{

		left: 15px;

	}

	.inner-wrapper

	{

		height: 200px;

	}

}



/* Only Small Devices Only - Mobile */

@media (max-width: 767px)

{

	.sidenav li>a,.sidenav .collapsible-header, .sidenav.fixed .collapsible-header

	{

		color: rgba(0,0,0,0.87);

		display: block;

		font-size: 14px;

		font-weight: 500;

		height: 48px;

		line-height: 48px;

		padding: 0 32px;

	}

	a,nav a

	{

		color: #333;

		font-size: 16px;

		-webkit-transition:all .2s ease-in-out;

		-o-transition:all .2s ease-in-out;

		transition:all .2s ease-in-out;

	}

	a:hover,a:focus,nav a:hover,nav a:focus

	{

		color: #1B4C99;

		outline: none;

		-webkit-transition:all .2s ease-in-out;

		-o-transition:all .2s ease-in-out;

		transition:all .2s ease-in-out;

	}

	.banner-text

	{

		position: relative;

		top: 0;

		display: flex;

		justify-content: center;

		align-items: center;

		text-align: center;

		min-height: 201px;

		vertical-align: middle;

		bottom: 0;

	}

	nav,.navbar-fixed

	{

		height: 56px;

	}

	.mt-50

	{

		margin-top: 20px;

	}

	.mb-50

	{

		margin-bottom: 20px;

	}

	#pane-nav

	{

		display: none;

	}

	.box-right,.box-center

	{

		float: none;

		width: auto;

	}

	.box-center

	{

		top: 50px;

	}

	.section

	{

		height: calc(100vh - 0px);

	}

	.product-range-box

	{

		min-height: 70px;

		padding: 10px;

	}

	.product-range

	{

		min-height: 80px !important;

	}

	.product-range-box p

	{

		font-size: 14px;

	}

	.col-contant

	{

		padding: 0 !important;

	}

	.input-field

	{

		margin-bottom: 0;

	}

	.input-field textarea,.input-field input

	{

		box-sizing: border-box !important;

	}

	.footer-links

	{

		float: none !important;

		text-align: center;

		margin-top: 15px !important;

	}

	footer

	{

		text-align: center;

	}

	.banner-text .font-50

	{

		font-size: 40px;

		line-height: 50px;

	}

	.width-50

	{

		width: 100%;

	}

	.client-box .product-box

	{

		min-height: 150px;

	}

	dl dt

	{

		width: 100%;

	}

	dl dd

	{

		margin-left: 0;

	}

	.input-group-content input

	{

		padding-right: 130px !important;

	}

	.input-group-btn button

	{

		padding: 0 30px !important;

	}

	.inner-wrapper

	{

		height: 200px;

	}



}



@media (min-width: 568px) and (max-width: 737px)

{

	.brand-logo

	{

		height: 56px;

	}

	.brand-logo img

	{

		width: 170px;

		margin-top: 8px;

	}

	.section

	{

		height: 150vh;

	}

}



/* Extra Small Devices Only - Small Mobile */

@media (min-width: 374px) and (max-width: 567px)

{

	.section

	{

		height: 115vh;

	}

}