/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .container_24                                  { width: 768px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12,
		.grid_13,
		.grid_14,
		.grid_15,
		.grid_16,
		.grid_17,
		.grid_18,
		.grid_19,
		.grid_20,
		.grid_21,
		.grid_22,
		.grid_23,
		.grid_24{ margin-left: 5px; margin-right: 5px;}
        .container_24 .alpha              { margin-left: 0;}
        .container_24 .omega              { margin-right: 0;}

        .container_24 .grid_1                      { width: 22px; }
        .container_24 .grid_2                     { width: 54px; }
        .container_24 .grid_3                   { width: 86px; }
        .container_24 .grid_4                    { width: 118px; }
        .container_24 .grid_5                    { width: 150px; }
        .container_24 .grid_6                     { width: 182px; }
        .container_24 .grid_7                   { width: 214px; }
        .container_24 .grid_8                   { width: 246px; }
        .container_24 .grid_9                    { width: 278px; }
        .container_24 .grid_10                     { width: 310px; }
        .container_24 .grid_11                  { width: 342px; }
        .container_24 .grid_12                  { width: 374px; }
        .container_24 .grid_13                { width: 406px; }
        .container_24 .grid_14                { width: 438px; }
        .container_24 .grid_15                 { width: 470px; }
		.container_24 .grid_16                 { width: 502px; }
		.container_24 .grid_17          		{ width: 534px; }
		.container_24 .grid_18      			{ width: 566px; }
		.container_24 .grid_19           		{ width: 598px; }
		.container_24 .grid_20                 	{ width: 630px; }
		.container_24 .grid_21      			{ width: 662px; }
		.container_24 .grid_22      			{ width: 694px; }
		.container_24 .grid_23    			{ width: 726px; }
		.container_24 .grid_24         		{ width: 758px; }
		/* Prefix Extra Space >> 24 Columns */
		.container_24 .prefix_1 {padding-left:32px;}
		.container_24 .prefix_2 {padding-left:64px;}
		.container_24 .prefix_3 {padding-left:96px;}
		.container_24 .prefix_4 {padding-left:128px;}
		.container_24 .prefix_5 {padding-left:160px;}
		.container_24 .prefix_6 {padding-left:192px;}
		.container_24 .prefix_7 {padding-left:224px;}
		.container_24 .prefix_8 {padding-left:256px;}
		.container_24 .prefix_9 {padding-left:288px;}
		.container_24 .prefix_10 {padding-left:320px;}
		.container_24 .prefix_11 {padding-left:352px;}
		.container_24 .prefix_12 {padding-left:384px;}
		.container_24 .prefix_13 {padding-left:416px;}
		.container_24 .prefix_14 {padding-left:448px;}
		.container_24 .prefix_15 {padding-left:480px;}
		.container_24 .prefix_16 {padding-left:512px;}
		.container_24 .prefix_17 {padding-left:544px;}
		.container_24 .prefix_18 {padding-left:576px;}
		.container_24 .prefix_19 {padding-left:608px;}
		.container_24 .prefix_20 {padding-left:640px;}
		.container_24 .prefix_21 {padding-left:672px;}
		.container_24 .prefix_22 {padding-left:704px;}
		.container_24 .prefix_23 {padding-left:736px;}
		/* Suffix Extra Space >> 24 Columns */
		.container_24 .suffix_1 {padding-right:32px;}
		.container_24 .suffix_2 {padding-right:64px;}
		.container_24 .suffix_3 {padding-right:96px;}
		.container_24 .suffix_4 {padding-right:128px;}
		.container_24 .suffix_5 {padding-right:160px;}
		.container_24 .suffix_6 {padding-right:192px;}
		.container_24 .suffix_7 {padding-right:224px;}
		.container_24 .suffix_8 {padding-right:256px;}
		.container_24 .suffix_9 {padding-right:288px;}
		.container_24 .suffix_10 {padding-right:320px;}
		.container_24 .suffix_11 {padding-right:352px;}
		.container_24 .suffix_12 {padding-right:384px;}
		.container_24 .suffix_13 {padding-right:416px;}
		.container_24 .suffix_14 {padding-right:448px;}
		.container_24 .suffix_15 {padding-right:480px;}
		.container_24 .suffix_16 {padding-right:512px;}
		.container_24 .suffix_17 {padding-right:544px;}
		.container_24 .suffix_18 {padding-right:576px;}
		.container_24 .suffix_19 {padding-right:608px;}
		.container_24 .suffix_20 {padding-right:640px;}
		.container_24 .suffix_21 {padding-right:672px;}
		.container_24 .suffix_22 {padding-right:704px;}
		.container_24 .suffix_23 {padding-right:736px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container_24 { width: 300px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12,
		.grid_13,
		.grid_14,
		.grid_15,
		.grid_16,
		.grid_17,
		.grid_18,
		.grid_19,
		.grid_20,
		.grid_21,
		.grid_22,
		.grid_23,
		.grid_24{ margin: 0; }

        .container_24 .grid_1,
        .container_24 .grid_2,
        .container_24 .grid_3,
        .container_24 .grid_4,
        .container_24 .grid_5,
        .container_24 .grid_6,
        .container_24 .grid_7,
        .container_24 .grid_8,
        .container_24 .grid_9,
        .container_24 .grid_10,
        .container_24 .grid_11,
        .container_24 .grid_12,
        .container_24 .grid_13,
        .container_24 .grid_14,
        .container_24 .grid_15,
        .container_24 .grid_16,
		.container_24 .grid_17,
		.container_24 .grid_18,
		.container_24 .grid_19,
		.container_24 .grid_20,
		.container_24 .grid_21,
		.container_24 .grid_22,
		.container_24 .grid_23,
		.container_24 .grid_24{ width: 300px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_24 .prefix_1,
		.container_24 .prefix_2,
		.container_24 .prefix_3,
		.container_24 .prefix_4,
		.container_24 .prefix_5,
		.container_24 .prefix_6,
		.container_24 .prefix_7,
		.container_24 .prefix_8,
		.container_24 .prefix_9,
		.container_24 .prefix_10,
		.container_24 .prefix_11,
		.container_24 .prefix_12,
		.container_24 .prefix_13,
		.container_24 .prefix_14,
		.container_24 .prefix_15,
		.container_24 .prefix_16,
		.container_24 .prefix_17,
		.container_24 .prefix_18,
		.container_24 .prefix_19,
		.container_24 .prefix_20,
		.container_24 .prefix_21,
		.container_24 .prefix_22,
		.container_24 .prefix_23{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_24 .suffix_1,
		.container_24 .suffix_2,
		.container_24 .suffix_3,
		.container_24 .suffix_4,
		.container_24 .suffix_5,
		.container_24 .suffix_6,
		.container_24 .suffix_7,
		.container_24 .suffix_8,
		.container_24 .suffix_9,
		.container_24 .suffix_10,
		.container_24 .suffix_11,
		.container_24 .suffix_12,
		.container_24 .suffix_13,
		.container_24 .suffix_14,
		.container_24 .suffix_15,
		.container_24 .suffix_16,
		.container_24 .suffix_17,
		.container_24 .suffix_18,
		.container_24 .suffix_19,
		.container_24 .suffix_20,
		.container_24 .suffix_21,
		.container_24 .suffix_22,
		.container_24 .suffix_23{padding-right:0;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container_24 { width: 420px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12,
		.grid_13,
		.grid_14,
		.grid_15,
		.grid_16,
		.grid_17,
		.grid_18,
		.grid_19,
		.grid_20,
		.grid_21,
		.grid_22,
		.grid_23,
		.grid_24{ margin: 0; }

        .container_24 .grid_1,
        .container_24 .grid_2,
        .container_24 .grid_3,
        .container_24 .grid_4,
        .container_24 .grid_5,
        .container_24 .grid_6,
        .container_24 .grid_7,
        .container_24 .grid_8,
        .container_24 .grid_9,
        .container_24 .grid_10,
        .container_24 .grid_11,
        .container_24 .grid_12,
        .container_24 .grid_13,
        .container_24 .grid_14,
        .container_24 .grid_15,
        .container_24 .grid_16,
		.container_24 .grid_17,
		.container_24 .grid_18,
		.container_24 .grid_19,
		.container_24 .grid_20,
		.container_24 .grid_21,
		.container_24 .grid_22,
		.container_24 .grid_23,
		.container_24 .grid_24{ width: 420px; }
		/* Prefix Extra Space >> 12 Columns */
		.container_24 .prefix_1,
		.container_24 .prefix_2,
		.container_24 .prefix_3,
		.container_24 .prefix_4,
		.container_24 .prefix_5,
		.container_24 .prefix_6,
		.container_24 .prefix_7,
		.container_24 .prefix_8,
		.container_24 .prefix_9,
		.container_24 .prefix_10,
		.container_24 .prefix_11,
		.container_24 .prefix_12,
		.container_24 .prefix_13,
		.container_24 .prefix_14,
		.container_24 .prefix_15,
		.container_24 .prefix_16,
		.container_24 .prefix_17,
		.container_24 .prefix_18,
		.container_24 .prefix_19,
		.container_24 .prefix_20,
		.container_24 .prefix_21,
		.container_24 .prefix_22,
		.container_24 .prefix_23{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_24 .suffix_1,
		.container_24 .suffix_2,
		.container_24 .suffix_3,
		.container_24 .suffix_4,
		.container_24 .suffix_5,
		.container_24 .suffix_6,
		.container_24 .suffix_7,
		.container_24 .suffix_8,
		.container_24 .suffix_9,
		.container_24 .suffix_10,
		.container_24 .suffix_11,
		.container_24 .suffix_12,
		.container_24 .suffix_13,
		.container_24 .suffix_14,
		.container_24 .suffix_15,
		.container_24 .suffix_16,
		.container_24 .suffix_17,
		.container_24 .suffix_18,
		.container_24 .suffix_19,
		.container_24 .suffix_20,
		.container_24 .suffix_21,
		.container_24 .suffix_22,
		.container_24 .suffix_23{padding-right:0;}
    }


@media only screen and (min-width: 768px) and (max-width: 995px) {
	.hide-pl {display:none;}

	.main {
		width:768px;
	}

	nav {margin-left:0; background-position:-20px 0;}
	#page1 nav { margin-left:0; background-position:-20px 0;}
	
	div.col-green {
		margin-left:0;
	}
	div.col-green, div.col-blue, div.col-light-blue {
		width:249px;
	}
	.inner-indernt {
		padding: 14px 28px 28px 28px;
	}
	#newsletter-form {
		margin-right:18px;
	}
	h1 {margin-left:20px;}
	h3 {
		font-size:30px;
	}
	.list-soc {margin-right:20px;}
	
	.rt-indent-1 {padding-right: 20px;}
}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_18, .grid_20, .grid_21, .grid_22 {margin-bottom:30px;}
	
    .last-col {margin-bottom:0 !important;}
	
	.main {
		width:300px;
	}

	h1 {margin-left:0;}
	.list-soc {margin-right:0px;}
	
	nav, #page1 nav {margin-left:0; background:none; position:relative; min-height:40px;}
	#page1 nav {min-height:100px;}
	
	div.col-green, div.col-blue, div.col-light-blue {
		width:100%;
		margin-left:0;
		margin-bottom:15px;
	}
	#newsletter-form {
		margin-right:0px;
		float:none;
		padding-bottom:30px;
	}
	.foot-adress {
		float:none;
		text-align:center;
	}
	.br {display:block;}
	
	h1 {
		position:relative;
		float:left;
	}
	h1 a {
		width: 241px;
		height: 153px;
		background: url('../images/logo.png') no-repeat;
	}
	.list-soc {display:none;}

	.list-soc {float:left;}
	
	.hide-ip{display:none;}
	
	.img-100 {width:100%;}
	
	.rt-indent-1 {padding: 0;}
	
	.rt-wrap {overflow:visible;}
	.img-1 {float:none; margin-bottom:20px;}
	
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .hide-iw{display:none;}
	 .list-soc {display:block;}
	.main {
		width:420px;
	}
	.br {display:none;}
}

    @media only screen and (min-width: 768px) and (max-width: 995px) {
	.es-carousel-wrapper {
		padding: 15px 65px 0 65px;
		margin-left:0;
	}
	.es-nav span.es-nav-next {
		right: 20px;
	}
	.es-carousel ul li {
		margin-right:26px !important;
	}
}

@media only screen and (max-width: 767px) {
	.es-carousel-wrapper {
		padding: 15px 65px 0 65px;
		margin-left:0;
	}
	.es-nav span.es-nav-next {
		right: 20px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.es-carousel ul li {
		margin-right:22px !important;
	}
	.es-carousel-wrapper {
		padding: 15px 60px 0 60px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	#confirm input {
		width: 214px;
	}
	#confirm textarea {
		width: 214px;
	}
}
@media only screen and (max-width: 767px) {
	#confirm input {
		width: 288px;
	}
	#confirm textarea {
		width: 288px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#confirm input {
		width: 408px;
	}
	#confirm textarea {
		width: 408px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 768px) {.sf-menu { display:block !important;}}


@media only screen and (min-width: 768px) and (max-width: 995px) {
	.sf-menu {
		margin-right:10px;

	}
	.sf-menu > li  {
		margin-left:10px;
	}
	.sf-menu > li > a {
		padding: 3px 5px;
	}
}
@media only screen and (max-width: 767px) {	
	#menu-icon {
		color: #0097de;
		cursor: pointer;
		display: inline-block;
		padding: 5px 11px 5px 11px;
		background-color:#fff;
		font-size:18px;
		line-height:30px;
		position:absolute;
		right:0;
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	}
	.sf-menu {
		clear: both;
		position: absolute;
		top: 10px;
		right:0;
		margin-right:0;
		margin-top:36px;
		padding:10px 0;
		width: auto;
		z-index: 10000;
		display: none; /* visibility will be toggled with jquery */
		background-color:#0097de;
        text-transform:capitalize;
	}
	.sf-menu li {
		clear: both;
		float: none;
		margin-bottom:5px;
		margin-left:0;
	}
	.sf-menu a, 
	.sf-menu ul a {
		font: inherit;
	}
	.sf-menu ul {
		width: auto;
		position: static;
        border: none;
		display: block !important;
    	background-color:#0097de;
	}
	.sf-menu li li a {
		padding-left:40px;
		padding-right:40px;
        color:#fff;
        font-size:18px;
	    line-height:24px;
        color: #fff;
	    /*color: #4c4f52;*/
	    padding: 3px 17px;
	    letter-spacing:-0.3pt;
	    font-weight:700;

	}
	.sf-menu .sf-sub-indicator {
		text-indent: -999em;
		width: 9px;
		height: 5px;
		display:inline-block;
		background: url('../images/sf-sub-indicator.png') no-repeat;
		position:relative;
		left:10px;
		top:19px;
	}
	.sf-menu > li li > a > .sf-sub-indicator {
		left:8px;
		top:13px;
	}
    
}