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

@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
	.header-top h1
	{
		position:relative;
		z-index:99999;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.header-top h1
	{
		padding: 10px 20px 10px 20px;
	}
	.section-tab, .section-tab ul li figcaption, .section-who-we-are, .section-registration, .section-values, .section-values aside ul li, .section-bottom, .foot aside, .footer-bottom, .section-content, .testimonials ul li
	{
		padding: 35px 20px;
	}
	.banner-form
	{
		left: 0;
		width: 100%;
	}
	.foot
	{
		display: block;
	}
	.foot aside, .footer-bottom-inner p
	{
		width: auto;
		float:none;
		text-align: center;
	}
	.foot_list ul li
	{
		margin: 0px 5px;
	}
	.banner-heading
	{
		padding: 0 20px;
	}
	.banner-heading h2
	{
		margin-top: 170px;
		font-size: 30px;
	}
}
@media only screen and (max-width:768px)
{
	.section-tab ul li, .section-who-we-are, .section-values article
	{
		display: block;
	}
	.header-top aside a, .header-top aside a:nth-of-type(2), .contact-icon
	{
		display:none;
	}
	.banner-form
	{
		display:none;
		visibility:hidden;
	}
	.banner-form-down
	{
        position: static;
        width: auto;
        padding-top: 0px;
    }
	.section-tab ul li figure, .section-tab ul li figcaption, .section-who-we-are aside, .section-who-we-are figure, .content, .sidebar, .contact aside, .customer-registration fieldset, .customer-registration figure
	{
		width: auto;
		float:none;
	}
	.show
	{
		display:block;
	}
	.hide
	{
		display:none;
	}
	.section-who-we-are figure
	{
		margin:0 0 60px 0;
	}
	.section-who-we-are figure img
	{
        width: 70%;
	}
	.section-who-we-are figure:before
	{
        top: auto;
        bottom: -14%;
        left: 0;
        right: 0;
        width: 44%;
        height: 42%;
    }
	.section-values aside, .tariff-details-inner ul li
	{
		width: 100%;
	}
	.section-values figure
	{
		width: 100%;
		height: 300px;
	}
	.section-bottom ul li
	{
		width: 50%;
	}
	.form-pages
	{
		margin-top: -0px;
	}
	.photo-gallery ul li, .video-gallery ul li, .testimonials ul li
	{
		width: 50%;
		height: 175px;
	}
	.enquiry fieldset
	{
		width:100%;
	}
    .tariff-bottom ul li
    {
        width: 100%;
        padding: 35px 20px;
    }
    .tariff-bottom ul li:before
    {
        content: " ";
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        width: 100%;
        height:1px;
        background: linear-gradient(90deg, #fff, #ffcc01, #fff);
    }
}
@media only screen and (max-width:480px)
{


	.navbar {right:-20px}

	input#output, aside {width: 100% !important;}

	td, th {padding: 8px !important;}

	.section-values aside ul li, .section-bottom ul li, .testimonials ul li, .customer-registration aside
	{
		width: 100%;
	}
	.section-registration h2
	{
		font-size: 30px;
		font-weight: 600;
	}
	.section-bottom h2
	{
		font-size: 40px;
		line-height: 42px;
	}
	.customer-registration aside
	{
		float:none;
	}
}
@media only screen and (max-width:320px)
{
	.photo-gallery ul li, .video-gallery ul li
	{
		width: 100%;
	}
}
@media only screen and (max-width:768px){
	.photo-gallery ul li a img, .video-gallery ul li a img {
    width: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
     height: 100px !important; 
}
}