/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 {
	width: 42%;
}
.grid_6 {
	width: 49%;
} 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}

.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 -25px 0 0;padding:0;}

.container{
	width: 1000px;
	max-width: 1000px;
	margin: auto;
	
}

/* My new code - display full image */
/*.image_full{
   display:block;
  }

 .image_mobile{
  display:none;
 }
 */
 .image_full{
   background: url(../images/logo.png) no-repeat;
  }

/* End of display full image code */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

.clearfixSBSlide:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

.slide{background-attachment: fixed;background-position:0 0 !important;
	}


/* From Donovan */
/*@media only screen and (max-width: 1024px) {
	.slide{background-attachment: scroll;background-position:0 0 !important;
	}
}
*/


/* End from Donovan */

@media only screen and (min-width: 767px) and (max-width: 1023px) {
	
	/*.filtr_bg {left:50%;}*/
	
	#slide1 h1 {font-size:65px;line-height:60px;}
	#slide1 h2 {font-size:30px;line-height:25px;}
	#slide1 p {font-size:30px;line-height:25px;}
	
	.h1_viva {line-height:30px;}
	
	.padding_slide1 {padding:150px 0 30px;}
		
	.gallery-list {margin-left:117px;}
	
	#slide3 p, #slide5 p, #slide7 p , #slide9 p, #slide12 p, #slide14 p {font-size:48px;line-height:45px;}
	
	.foot_block_intouch li {margin-right:12px;}

/* ___________ SERV_BLOCK __________ */
	
	
/* __________ //SERV_BLOCK _________ */

/* _____________ menu ______________ */
	.navigation li {margin-left:20px;}
	

/* ____________ //menu _____________ */
	
	.container { width: 724px; }
	.container .alpha        { margin-left: 0; margin-right: 5px; }
	.container .omega        { margin-right: 0; }
	.container .respond_pad {padding-right:20px;}
	
	.grid_3			{ width: 166px; }
	.grid_4			{ width: 228px; }
	.grid_5      		{ width: 290px; }
	.grid_6      		{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{ width: 475px; }
	.grid_9			{ width: 538px; }
	.grid_12		{ width: 724px; }
	/*________ My new Code ________ */
	/*#logo a {display: none; } 
	#logo a img {src="../images/logo2.png";}This is the new image 
	#logo a {Display: block;} */
	/*
	.image_full{
   		display:none;
  	}

  	.image_mobile{
   	display:block;
  	}
	*/
	.image_full{
   background: url(images/logo2.png) no-repeat;
  }
	/*header a.logo {
		height: 36px; background: rgba(0,0,0,.65) url(../images/logo_small.svg) no-repeat center center;
		background-size: 126px 17px;	 
	 }
	 */
}

/* iPhone Screen */

@media only screen and (max-width: 766px) {
	.menu {height:116px;}
	
	img.about_img {float:none;margin:0 0 10px 0;}

	.navigation li span {display:none;}
	
	#slide6 .effect_2 {display:none;}
	
 .image_full{
   background: url(images/logo.png) no-repeat;
  }
/* End of display full image code */
	
	.menu {position:fixed;top:0;margin-top:0 !important;}
	#undefined-sticky-wrapper {height:0 !important;}
	
		/* Modification of layout based on Graph Dec 2016 */
	
#slide42, #slide6, #slide4, #slide16, #slide8 {
  padding-top : 0px;
  padding-bottom: 10px;
}

#slide2 {
  padding-bottom: 10px;
}
	
	/* End Modification of layout based on Graph Dec 2016 */
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
	/*.menu {height:116px;position:fixed;}*/
	.menu {height:116px;} 
	/*.menu {height:85px;} */
	#undefined-sticky-wrapper {height:0 !important;}
	
	#logo {text-align:center;}
	/*.image_full{
     background: url(../images/logo.png) no-repeat;
    }
	*/
	.image_full{
     background: url(images/logo.png) no-repeat; /*max-width:10%; */
    }
	
/* End of display full image code */

    .padding_slide1 {padding:188px 0 100px;}
	filtr_bg {margin-top:115px;}
	
	/*.filtr_bg {width:420px;left:50%;}*/
	
	
	/*.left_bord, .right_bord {width:60px;}*/
	.left_bord, .right_bord {display:none;}
	
	.mac_block img {display:none;}

	#slide1 h1 {font-size:40px;line-height:30px; padding: 0 0 9px;}
	#slide1 h2 {font-size:18px;line-height:16px;}
	#slide1 p { font-size: 28px; line-height: 46px;}
	
	

	/*#slide1 h1 {font-size:35px;line-height:30px;}
	#slide1 h2 {font-size:21px;line-height:42px;}
	#slide1 p {font-size:21px;line-height:42px;}
	*/

	h1 {float:none;border-right:none;margin:40px 0 5px; font-size:65px;line-height:65px;}
	.h1_viva {line-height:30px;}
	
	.gallery-list .grid_3 {margin-left:94px;}
	
	#slide3 p, #slide5 p, #slide7 p, #slide9 p , #slide12 p, #slide14 p {font-size:30px;line-height:30px;}
	
	.slogan_text {font-size:21px; padding-top: 100px; padding-bottom: 6px;}
	.left_bord, .right_bord {margin-bottom:6px;}
	
	#slide1 .button  {
    /*position: relative;
    z-index: 10;
    display: inline-block;
    cursor: pointer;
	*/
    margin: 6px;
    padding: 12px 60px 10px 20px;
    /*border: none;
    text-transform: uppercase;
    background: #ff6600;
    font-family: 'Roboto Condensed', sans-serif;
	*/
    font-size: 16px;
    line-height: 19px;
	/*
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	*/
}
	
	#slide1 .button_bg {
		margin-bottom: -47px;
		/*background: #000;*/
		height: 40px;
		/*opacity: 0.23;
		filter: alpha(opacity=23);
		border-radius: 30px;
		*/
	}
	
	#slide1 .button span {
    background-position: 0 -52px;
	}
	
	#slide1 .button_block {
    /*display: inline-block;*/
    margin: 0 10px;
    margin-top: 15px;
	}
	
	/* Modification of layout based on Graph Dec 2016 */
	

	
	
	/* End Modification of layout based on Graph Dec 2016 */
		

/* ___________ SERV_BLOCK __________ */
	.serv_block p {padding-bottom:20px;}
/* __________ //SERV_BLOCK _________ */

/* _____________ menu ______________ */
	#nav {margin:0;}
	.navigation li {padding:7px 13px 8px;} 
	ul.navigation {float:none;margin:0;}
/* ____________ //menu _____________ */	

	.container { 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 {width:420px;}
	
	.fright{float:none;}
	.fleft{float:none;}
	
}

@media screen and (max-width : 479px) {	
	/*.menu {height:130px;position:fixed;}*/
	.menu {height:116px;} 
	#logo {text-align:center;}	
	
/* My new code - display full image */	
   .image_full{
     background: url(images/logo.png) no-repeat; 
    }
/* End of display full image code */
	
	/*.padding_slide1 {padding:155px 0 30px;}*/
	.padding_slide1 {padding:188px 0 100px;}
	.filtr_bg {width:295px; padding-top:20px;}
	
	.left_bord, .right_bord {display:none;}
	
	/*#logo {text-align:center;}
	
	.padding_slide1 {padding:188px 0 60px;}
*/
	.slogan_text {font-size:21px;}
	.left_bord, .right_bord {margin-bottom:6px;width:70px;}
	/*#slide1 h1 {font-size:47px;line-height:40px;}
	#slide1 h2 {font-size:24px;line-height:28px;}
	#slide1 p {font-size:24px;line-height:28px;}
	*/
	#slide1 h1 {font-size:35px;line-height:30px;}
	#slide1 h2 {font-size:21px;line-height:42px;}
	#slide1 p {font-size:21px;line-height:42px;}
	
	h1 {float:none;border-right:none;margin-top:30px;margin-bottom:5px;font-size:40px;line-height:40px;}
	.h1_viva {line-height:20px;}
	h4 {font-size:24px;}
	
	#slide3 p, #slide5 p, #slide7 p, #slide9 p , #slide12 p, #slide14 p {font-size:30px;line-height:30px;}	
	
	.testimonials_txt, .author_inf {font-size:12px;}
	
	.gallery-list .grid_3 {margin-left:32px;}
	
	.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea {width:88%;}
	
	
	

/* ___________ SERV_BLOCK __________ */
		
/* __________ //SERV_BLOCK _________ */
/* _____________ menu ______________ */
	.menu {position:fixed;top:0;margin-top:0 !important;}
	#nav {margin:0;}
	.navigation li {padding:7px 5px 8px;font-size:14px;}
/* ____________ //menu _____________ */	
	.container { 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 {
		width:300px;
	}
	
	.fright{float:none;}
	.fleft{float:none;}

}