@charset "utf-8";
/*
 * ******************************************************************************
 *  mobile-css-hyperoptic
 *  file: hyper-xs.css
 *
 *  Copyright (c) 2016. Hyperoptic Ltd ;
 *  Cable, London - UK
 *  email: admin@hyperoptic.com
 *  site: 	http://www.hyperoptic.com
 *  other-blog:	http://www..com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *	Artwork inspired by:  /
 *  last modified: 23/02/16 15:51
 *  *****************************************************************************
 */

/*******************************************************************************
 * 
 * Vladimir: 
 * version: 2.0
 * Author-of-the-file: Vladimir Veljkovic
 * Creation date: 31/10/16 16.27
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 ******************************************************************************/




/* Medium devices (desktops, ) */

@media only screen
and (min-width : 992px)
and (max-width : 1200px) {
	/* fixing body font size */
    body {
        font-size: 90%;
    }
	.container {
		width:100%;
	}


	/* Display settings lower 1200 */
    .dis-none-l-1200 {
        display: none!important;
    }
    .dis-block-l-1200 {
        display: block!important;
	}
	
	.txt-a-c-l-1200 {
        text-align:center;
    }
    .txt-a-r-l-1200 {
        text-align:right;
    }
    .txt-a-l-l-1200 {
        text-align:left;
	}
	.txt-a-j-l-1200 {
        text-align:justify;
    }

	/* width */
	.w-100-l-1200 {
		width: 100%;
	}
	/* width important */
	.w-100-i-l-1200{
		width: 100% !important;
	}

	/* Border radius 0px important  */
	.b-r-0-i-l-1200{
		border-radius: 0px !important;
	}

	/*	Fixing entire container width	*/
	.pad-right-percent-19 {
		padding-right: 40px;
	}

	.pad-left-percent-19 {
		padding-left: 40px;
	}

	.pad-right-percent-18 {
		padding-right: 28px;
	}
	.pad-left-percent-18 {
		padding-left: 28px;
	}
	.pad-left-percent-18 {
		padding-left: 28px;
	}
	.pad-bottom-10px-md {
		padding-bottom: 10px;
	}

	.pad-top-10px-md {
		padding-top: 10px;
	}

	/* Padding right 0 */
	.pad-right-0-l-1200 {
		padding-right:0;
	}
	/* Padding left 0 */
	.pad-left-0-l-1200 {
		padding-left:0;
	}

	/* Padding left 0 */
	.pad-left-60-l-1200 {
		padding-left:60px;
	}

	/* Top Menu fix */
	/* Space between links */
	.navbar-nav li.dropdown {
    	padding: 0 15px 0 15px;
	}

	#menu-mainmenu li:last-child {
		padding :0 15px 0 15px;
	}
	/* Dropdown position */
	.navbar-nav > li > .dropdown-menu {
		margin-top: 41px;
	}
	/* Top nav Input field */
	.i-contanier-top-nav {
		width: 22%;
		margin-left: 2%;
		max-width: none;
	}

	/* My Account top Nav */
	.myaccount-nav .myaccount-d-menu li a {
		padding-left: 45px;
		padding-right: 45px;
	}

	.myaccount-nav .myaccount-d-menu li:last-child a {
		padding-left: 36px;
	}
	/*Stay Paragrah top menu - text that dont collapse */
	.stay-link a {
		padding-right: 36px;
	}

	/* My Accoumt Scheduler */
	.am-pm-container {
		padding-top:100px;
		padding-left: 30px;
	}
	.arrow-left-ma {
		margin-top: 43px;
	}
	.date-field {
		min-height: 110px;
	}
	.date-field p {
		padding-top: 40%;
	}
	.arrow-right-ma {
		margin-top: 43px;
	}


	span.validationMessage{
		font-size: 12px;
	}

	.confirm-booking-details {
		width: 65%;
	}
	.panel-purple-horizontal.part-two {
		background-position: left -136px!important;
	}

}

