/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/



/* Larger than Desktop HD */
@media (max-width: 1200px) {
  .container{
    max-width: 700px;
  }
  .img-category img{
	height:200px; 
  }
}

@media (max-width: 1230px) {
	 .img-category img{
		height:200px; 
	  }
	  p.cat_title{
	    font-size:12px;	 
	  }
}

@media (max-width: 1110px) {
	
	  .img-category img{
		height:190px; 
	  }
}

@media (max-width: 1082px) {
	 .img-category img{
		height:170px; 
	  }
	 
	  
	  
}

/* Larger than desktop */
@media (max-width: 992px) { 
  .container{
    max-width: 500px;
  }
  .text-left, .text-right{
    text-align: center;
  }
  .img-responsive{
    display: inline-block;
  }
  .category-product{
	 width:32%;
	 float:left; 
  }
  .img-category img{
	 height:190px;   
  }
  
}

@media (max-width: 900px) { 
  .category-product{
	 width:50%;
	 float:left; 
  }
  .img-category img{
	 height:237px;   
  }
}

/* Larger than tablet */
@media (max-width: 768px) {
	  .container{
		width: 668px;
		padding-left: 50px;
		padding-right: 50px;
	  }
	  .text-left, .text-right, .mastfoot, .credits, .services-item{
		text-align: center;
	  }
	  .img-responsive{
		display: inline-block;
	  }
	  .mobile-nav{
		display: block;
	  }
	  .masthead, .sticky-sidebar, .share-panel, .featured-panel{
		display: none;
	  }
	  div#preloader{
		left: 0;
	  }
	  .mastwrap.spaced-left{
		margin-left: 0;
		margin-right: 0;
	  }
	  .mastwrap{
		margin-top: 50px;
	  }
	  .works-masonry-container .works-item, .works-masonry-container .works-item-one-third, 
	  .works-masonry-container .works-item-two-third, .works-masonry-container .works-item-one-half,
	  .works-masonry-container .works-item-one-fourth{
		width: 50% !important;
	  }
	  .works-masonry-container .works-item-spaced, .works-masonry-container .works-item-one-third-spaced, 
	  .works-masonry-container .works-item-two-third-spaced, .works-masonry-container .works-item-one-half-spaced,
	  .works-masonry-container .works-item-one-fourth-spaced{
		width: 48% !important;
		margin: 1% !important;
	  }
	  .works-masonry-container .works-item-full-width, .works-masonry-container .works-item-full-width-spaced{
		width: 100% !important;
		margin: 0 !important;
	  }
	  .slideshow-count{
		left: 10px;
	  }
	  .project-info h4, .news-sidebar h3{
		margin-top: 25px;
	  }
	  .caption h1, .elements-counter .number{
		font-size: 32px;
		line-height: 39px;
	  }
	  .caption h3, .services-item{
		margin-bottom: 25px;
	  }
	 
         
	   /* ===== Navigation Menu ===== */
	#main-menu{
	   display:block;
	}   
	#main-menu .nav-menu {
		list-style: none;
		padding: 0;
	}
	 
	#main-menu .nav-menu li {
		position: relative;
		list-style:none;
	}
	
	#main-menu .nav-menu li:last-child {
	}
	
	#main-menu .nav-menu li a {
		display: block;
		font-size: 12px;
		font-weight: normal;
		color: #ababab;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px 30px; 
		
		-webkit-transition: color 0.65s ease-in-out;
		-moz-transition: color 0.65s ease-in-out;
		-ms-transition: color 0.65s ease-in-out;
		transition: color 0.65s ease-in-out;
	}
	
	#main-menu .nav-menu li .sub-menu .sub-menu .sub-menu a {
		padding: 10px 45px; 

	}
	#main-menu .nav-menu li:hover a {
		color: #fff !important;
	}
	#main-menu .dropdown-menu{
	   padding:2px 0;
	   margin:4px 0 0;
	}
	#main-menu .nav-menu li span {
		width: 34px;
		height: 33px;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #404040;
		cursor: pointer;
		
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-ms-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	
	#main-menu .nav-menu li:hover span {
		background-color: #606060;
	}
	
	#main-menu .nav-menu li span:before {
		content: '';
		position: absolute;
		top: 50%;
		right: 50%;
		width: 14px;
		height: 2px;
		margin-top: -1px;
		margin-right: -7px;
		background-color: #878787;
		
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-ms-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	
	#main-menu .nav-menu li span:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 50%;
		width: 14px;
		height: 2px;
		margin-top: -1px;
		margin-right: -7px;
		background-color: #878787;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-ms-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	
	#main-menu .nav-menu li:hover span:before,
	#main-menu .nav-menu li:hover span:after {
		background-color: #fff;
	}
	
	/*#main-menu .nav-menu li:after {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		right: 0;
		width: 0;
		background-color:#96bf30;
		z-index: -1;
		
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out;
		-ms-transition: width 0.5s ease-in-out;
		transition: width 0.5s ease-in-out;
	}
	
	#main-menu .nav-menu li:hover:after {
		width: 100%;
	}*/
	
	.dropdown-menu > a {
	/*	padding: 6px 60px 6px 30px !important;*/
	}
	
	.dropdown-menu ul {
		list-style: none;
		padding-left: 20px;
		/*border-top: #303030 solid 1px;*/
		background-color: #1b1b1b;
	} 
	
	.dropdown-menu ul li:first-child {
		border-top: none !important;
	}
	
	.dropdown-menu ul li:last-child {
		border-bottom: none !important;
	}
	
	.dropdown-menu ul li a {
		text-transform: inherit !important;
		
		-webkit-transition: color 0.3s ease-in-out !important;
		-moz-transition: color 0.3s ease-in-out !important;
		-ms-transition: color 0.3s ease-in-out !important;
		transition: color 0.3s ease-in-out !important;
	}
	
	.dropdown-menu ul li,
	.dropdown-menu ul ul {
		border-top: #303030 solid 1px !important;
	}
	
	.dropdown-menu ul ul ul {
		padding: 0;
	}
	
	.dropdown-menu:hover ul li a,
	.dropdown-menu.active ul li a {
		color: #878787 !important;
	}
	
	.dropdown-menu > ul > li:hover > a {
		color: #fff !important;
	}
	
	.dropdown-menu:hover ul li span {
		background-color: #404040 !important;
	}
	
	.dropdown-menu > ul > li:hover > span {
		background-color: #606060 !important;
	}
	
	.dropdown-menu:hover ul li span:before,
	.dropdown-menu:hover ul li span:after {
		background-color: #878787 !important;
	}
	
	.dropdown-menu > ul > li:hover > span:before,
	.dropdown-menu > ul > li:hover > span:after {
		background-color: #fff !important;
	}
	
	#main-menu .nav-menu li.active a {
		color: #fff;
	}
	
	#main-menu .nav-menu li.active:after {
		width: 100%;
	}
	
	#main-menu .nav-menu li.active > span {
		background-color: #606060 !important;
	}
	
	#main-menu .nav-menu li.active > span:before,
	#main-menu .nav-menu li.active > span:after {
		background-color: #fff !important;
	}
	
	
	/********************************************
	4.4 Navigation menu Light version
	*********************************************/
	#main-menu.light .sidebar-nav {
		background: #fff;
	}
	
	#main-menu.light .menu-close .menu1,
	#main-menu.light .menu-close .menu2 {
		background-color: #e7e7e7;
	}
	
	#main-menu.light .menu-close:hover .menu1,
	#main-menu.light .menu-close:hover .menu2 {
		background-color: #474747;
	}
	
	#main-menu.light .nav-menu li a {
		color: #474747;
	}
	
	#main-menu.light .nav-menu li:hover a {
		color: #00acc1;
	}
	
	#main-menu.light .nav-menu li span {
		background-color: #f0f0f0;
	}
	
	#main-menu.light .nav-menu li:hover span {
		background-color: #e0e0e0;
	}
	
	#main-menu.light .nav-menu li span:before,
	#main-menu.light .nav-menu li span:after {
		background-color: #b7b7b7;
	}
	
	#main-menu.light .nav-menu li:hover span:before,
	#main-menu.light .nav-menu li:hover span:after {
		background-color: #00acc1;
	}
	
	#main-menu.light .nav-menu li:after {
		background-color: #f0f0f0;
	}
	
	#main-menu.light .nav-menu li {
		border-top: #e7e7e7 solid 1px;
	}
	
	#main-menu.light .nav-menu li:last-child {
		border-bottom: #e7e7e7 solid 1px;
	}
	
	#main-menu.light .dropdown-menu ul {
		border-top: #e7e7e7 solid 1px;
		background-color: #fff;
	}
	
	#main-menu.light .dropdown-menu ul li,
	#main-menu.light .dropdown-menu ul ul {
		border-top: #e7e7e7 solid 1px !important;
	}
	
	#main-menu.light .dropdown-menu ul li:first-child {
		border-top: none !important;
	}
	
	#main-menu.light .dropdown-menu:hover ul li a,
	#main-menu.light .dropdown-menu.active ul li a {
		color: #474747 !important;
	}
	
	#main-menu.light .dropdown-menu > ul > li:hover > a {
		color: #00acc1 !important;
	}
	
	#main-menu.light .dropdown-menu:hover ul li span {
		background-color: #f0f0f0 !important;
	}
	
	#main-menu.light .dropdown-menu > ul > li:hover > span {
		background-color: #e0e0e0 !important;
	}
	
	#main-menu.light .dropdown-menu:hover ul li span:before,
	#main-menu.light .dropdown-menu:hover ul li span:after {
		background-color: #b7b7b7 !important;
	}
	
	#main-menu.light .dropdown-menu > ul > li:hover > span:before,
	#main-menu.light .dropdown-menu > ul > li:hover > span:after {
		background-color: #00acc1 !important;
	}
	
	#main-menu.light .nav-menu li.active a {
		color: #00acc1;
	}
	
	#main-menu.light .nav-menu li.active > span {
		background-color: #e0e0e0 !important;
	}
	
	#main-menu.light .nav-menu li.active > span:before,
	#main-menu.light .nav-menu li.active > span:after {
		background-color: #00acc1 !important;
	}
	
		/********************************************
	4.0 Sidebar navigation
	*********************************************/
	#main-menu {
		display: block !important;
	} 
	
	#main-menu .nav-open {
		position: fixed;
		top: 18px !important;
		height: 48px !important;  
		width: 57px;
		z-index: 9999;
	}
	#main-menu.left .nav-open {
		left: 5px !important;
		right: inherit !important;
		display:block ;
	}
	
	#main-menu.right .nav-open {
		left: inherit !important;
		right: 5px !important;
	}
	
	.sidebar-nav nav{
	    top:70px;
		/*position:fixed;*/
		width:320px;
		padding-top: 70px;
	}

	/********************************************
	4.1 Burger menu
	*********************************************/
	#main-menu.left .burger-wrap {
		margin: 10px 0 0 10px;
	}
	
	#main-menu.right .burger-wrap {
		margin: 10px 10px 0 0;
	}
	
	.menu-burger {
		width: 40px;
		height: 22px;
		overflow: hidden;
		-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	
	.menu-burger:hover {
		height: 38px;
		margin-top: -8px;
		-webkit-transition:all 0.3s linear;
		-webkit-transform: rotate(360deg);
		-moz-transition:all 0.3s linear;
		-moz-transform: rotate(360deg);
		-ms-transition:all 0.3s linear;
		-ms-transform: rotate(360deg);
		transition:all 0.3s linear;
		transform: rotate(360deg);
		cursor: pointer;
	}
	
	.menu-burger .menu1 {
		width: 40px;
		height: 4px; 
		background:#000;
		margin-bottom: 5px;
		-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	
	.menu-burger:hover .menu1 {
		-webkit-transition:all 0.3s linear;
		-webkit-transform: rotate(-45deg);
		-moz-transition:all 0.3s linear;
		-moz-transform: rotate(-45deg);
		-ms-transition:all 0.3s linear;
		-ms-transform: rotate(-45deg);
		transition:all 0.3s linear;
		transform: rotate(-45deg);
		width: 25px;
		margin-left: -2px;
		margin-top: 8px;
		margin-bottom: 5px;
	}
	
	.menu-burger .menu2 {
		width: 40px;
		height: 4px;
		background:#000;
	}
	
	.menu-burger:hover .menu2 {
		border-radius: 4px;
	}
	
	.menu-burger .menu3 {
		width: 40px;
		height: 4px;
		margin-top: 5px;
		-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
		background:#000;
	}
	
	.menu-burger:hover .menu3 {
		-webkit-transition:all 0.3s linear;
		-webkit-transform: rotate(45deg);
		-moz-transition:all 0.3s linear;
		-moz-transform: rotate(45deg);
		-ms-transition:all 0.3s linear;
		-ms-transform: rotate(45deg);
		transition:all 0.3s linear;
		transform: rotate(45deg);
		width: 25px;
		margin-left: -2px;
		margin-top: 5px;
	}
	
	#main-menu.right .menu-burger:hover .menu1 {
		-webkit-transition:all 0.3s linear;
		-webkit-transform: rotate(45deg);
		-moz-transition:all 0.3s linear;
		-moz-transform: rotate(45deg);
		-ms-transition:all 0.3s linear;
		-ms-transform: rotate(45deg);
		transition:all 0.3s linear;
		transform: rotate(45deg);
		margin-left: 17px;
	}
	
	#main-menu.right .menu-burger:hover .menu3 {
		-webkit-transition:all 0.3s linear;
		-webkit-transform: rotate(-45deg);
		-moz-transition:all 0.3s linear;
		-moz-transform: rotate(-45deg);
		-ms-transition:all 0.3s linear;
		-ms-transform: rotate(-45deg);
		transition:all 0.3s linear;
		transform: rotate(-45deg);
		margin-left: 17px;
	}
	
	/* ===== Dark Burger ===== */
	.nav-open .midnightHeader.default .menu-burger .menu1,
	.nav-open .midnightHeader.default .menu-burger .menu2,
	.nav-open .midnightHeader.default .menu-burger .menu3 {
		background-color: #000;
	}
	
	.nav-open .midnightHeader.darkColor .menu-burger .menu1,
	.nav-open .midnightHeader.darkColor .menu-burger .menu2,
	.nav-open .midnightHeader.darkColor .menu-burger .menu3 {
		background-color: #474747;
	}
	
	
	/********************************************
	4.2 Close menu
	*********************************************/
	#main-menu .nav-close {
		position: absolute;
		top: 5px;
		left:0px; 
	}
	 
	#main-menu.right .nav-close {
		left: inherit;
		right: 0;
	}
	
	.menu-close {
		height: 30px;
		margin: 20px 0 0 20px;
		overflow: hidden;
	}
	
	#main-menu.right .menu-close {
		margin: 20px 20px 0 0;
	}
	
	.menu-close .menu1 {
		width: 30px;
		height: 4px;
		margin-top: 13px;
		background-color: #878787;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	
	.menu-close .menu2 {
		width: 30px;
		height: 4px;
		margin-top: -4px;
		background-color: #878787;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	
	.menu-close:hover .menu1,
	.menu-close:hover .menu2 {
		background-color: #fff;
	}
	
	
	/********************************************
	4.3 Navigation menu
	*********************************************/
	#main-menu .sidebar-nav {
	   /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.64);*/
		position: fixed;
		width: 320px;
		background: rgba(0, 0, 0, 0.93);
		z-index: 99999;
	}
	
	#main-menu.left .sidebar-nav {
		top: 0;
		left: 0;
		bottom: 0;
		display:none;
	}
	
	#main-menu.right .sidebar-nav {
		top: 0;
		right: 0;
		bottom: 0;
	}
	  
	.nav-inner-wrap {
		position: relative;
		height: 100vh;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.head-menu{
	    display:block;   
	}
	
	.sidebar-nav .dropdown-menu{
	    float:none;
		border:none;
		box-shadow:none;
		background:transparent;
		display:block;  
	}
	
	.logo-h{
		 position:absolute;
		 top:17px;
		 left: 22%;
	 }
	 .logo-h img{
		 width:80% !important; 
	 }
	 .logo_top{
		padding:15px 0 0 53px !important; 
	 }
	 .icon_social{
	    float:left;
		width:30%;
	 }
	 .logo_top{
	     float:left;
		 width:70%;
	 } 
	 .dropdown-menu ul{
		 /*max-height:150px;*/
		 overflow-y:scroll;
		 margin-top:2px;
		 
	 }	 
	.text-slider{
	   text-align:left;
	   width:55%;
	}	 
	.copyright_ft{
	   margin-top:0px;
 	}
	.social_res{
	   padding-left:20px;
	}
	.img_pino_rental img{
	   width:100%;
	}
	
} 

/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
  .container{
    width: 636px;
    padding-left: 50px;
    padding-right: 50px;
  }
}


/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
  .container{
    width: 567px;
    padding-left: 50px;
    padding-right: 50px;
  }
}


/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
  .container{
    width: 500px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
  .container{
    width: 400px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .works-masonry-container .works-item, .works-masonry-container .works-item-one-third, 
  .works-masonry-container .works-item-two-third, .works-masonry-container .works-item-one-half,
  .works-masonry-container .works-item-one-fourth{
    width: 100% !important;
  }
  .works-masonry-container .works-item-spaced, .works-masonry-container .works-item-one-third-spaced, 
  .works-masonry-container .works-item-two-third-spaced, .works-masonry-container .works-item-one-half-spaced,
  .works-masonry-container .works-item-one-fourth-spaced{
    width: 98% !important;
    margin: 1% !important;
  }
  .main-heading > span{
    font-size: 24px;
    line-height: 31px;
  } 
  .welcome-heading h1 span, .caption h1, .caption h3, .news-post h1{
    font-size: 18px;
    line-height: 25px;
  }
  .welcome-heading h1 span, .caption h1{
    padding: 10px 10px 10px 14px;
  }
  ul.slimmenu.collapsed li .sub-collapser, ul.slimmenu > li > a:first-child{
    font-size: 16px;
    line-height: 23px;
    padding: 3px 0;
  }
  ul.slimmenu{
    padding: 25px 25px 50px;
  }
  ul.slimmenu li a{
    padding: 3px 0;
  }
  .elements-counter{
    width: 100%;
    display: block;
    margin-bottom: 25px;
  }
  .elements-counter .number{
    font-size: 48px;
    line-height: 55px;
  }
  .works-item-inner h3{
    font-size: 14px;
    line-height: 21px;
  }
  .logo_top{
	 width:48%; 
  }
  .icon_social{
	width:52%;  
  }
  .logo_top img{
     width:100% !important;
  }
  .logo_top{
	 padding:30px 0 0 55px !important; 
  }
  .language-sub ul li a{
	 font-size:8px;
	 padding:7px 8px;
  }
  .text-slider h4 span{
	  font-size:14px; 
  }
  
  .text-slider h4{
     font-size:20px;
	 line-height:28px;
  }
  .text-slider p{
     font-size:11px;
	 line-height:16px; 
	 padding:5px 0;
  }
  .text-slider{
     top:17%; 
  }
  .top-products{
    width:100%;
  }
  .top-products .select{
	margin-left:10px; 
  }
  .detail_pd{
      height:80px;
   }
  .showing-results{
    float:left;
  }
  .add-bottom-half{
     padding:0px 15px;
  }
  .detail{
     padding:20px 5px;
  }
  .img-category img{
     height:200px;
  }
  .setup-wrapper-news .setbg-strip{
     float:none;
	 margin-bottom:20px; 
  }
  p.cat_title{
     text-align:center;
  }
  p.pri{
     text-align:center;
  }
  .post-prev-title.font-alt p.title-p{
     text-align:center;
  }
  .wrapper-list-downloads .img-category img{
     height:180px;
   }
  .wrapper-list-downloads{
     width:100%;
	 padding:15px 10px !important;
	 float:left;
	 margin:0px !important;
  }
  .wrapper-list-downloads .col-md-3{
     width:50%;
	 float:left;
  }
  .news-post{
     padding:0 30px;
  }
  .news-post p{
     text-align:justify;
  }
  .text_adress{
    margin-top:0px !important;
  }
  .text_adress span, .text_adress iframe{
     width:100% !important;
  }
  .page-title{
    text-align:center !important;
	padding:10px 0px 20px  !important;
  }
  .detail img{
     width:100%;
  }
}  

/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
  .container{
    width: 374px;
    padding-left: 20px;
    padding-right: 20px;
  }
  img.img-thumb{
	/*width: 100%;
    height: 100px !important;
    -o-object-fit: contain;
    -o-object-position: center center;
    object-fit: contain;
    object-position: center center;*/
	}
  img.img-pro{
	/*width: 100%;
    height: 327px !important;
    -o-object-fit: cover;
    -o-object-position: center center;
    object-fit: cover;
    object-position: center center;*/
	/*padding: 10px 0;*/
	
	}
  
}
 
/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {
  .container{
    width: 335px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .img-category img{
     height:240px;
  }
  .category-product{
	  width:100%; 
  }
  .wrapper-list-downloads .img-category img{
     height:240px;
   }
  .wrapper-list-downloads .col-md-3{
     width:100%;
	 float:left;
  } 
}

/*iPhone 5S, 5, 4S & 4 Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
  .container{
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .text-slider{
     left:5%;
	 top:8%;
	 width:60%; 
  }
  .add-bottom-half{
     padding:0px 15px;
  }
}

@media screen and (min-width: 769px) and (max-width: 991px){
		 .icon_social{
	    float:left;
		width:25%;
	 }
	 .logo_top{
	     float:left;
		 width:75%;
	 } 
	}
@media screen and (min-width: 320px) and (max-width: 568px){
	.add-bottom-quarter {
    	height: 250px !important;
	}
}

@media screen and (min-width: 1200px) {
	.img-pro{
		height:466px;
	}
}