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

body
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
.menu-li div ul li ul.sub-link
{
	display: none;
	margin-left: 20px;
}
.menu-li div ul li ul.sub-link li
{
	list-style-type: circle;

}
.menu-li div ul li:hover ul.sub-link
{display: block;}
/****** iletisim ******/
.map-area
{
	width: 100%;
	float: left;
	padding-top: 30px;
}
#map
{
	width: 100%;
	height: 250px;
	float: left;
	border-bottom: 1px solid #D2D2D2;
}
.contact-area
{
	float: left;
	position: relative;
	width: 100%;
}
.contact-left-side
{
	float: left;
	width: 50%;
	position: relative;
	padding-top: 30px;
}
.contact-tittle
{
	font-size: 20px;
	float: left;
	font-weight: 700;
	width: 100%;
}
.contact-info
{
	float: left;
	margin-top: 20px;
	width: 70%;
}
.contact-right-side
{
	float:left;
	width: 50%;
	position: relative;
	padding-top: 30px;
}
.contact-info ul
{
	padding-left: 30px;
}
.contact-info ul li
{
	list-style: none;
	font-size: 14px;
	margin-bottom:10px;
	color: #777777;
}
.contact-info ul li:nth-child(1):before
{
	content: "";
	background: url(../img/footer_tel_icon.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0;

}
.contact-info ul li:nth-child(2):before
{
	content: "";
	background: url(../img/footer_email_icon.png) no-repeat;
	width: 17px;
	height: 13px;
	display: block;
	position: absolute;
	left: 0;
	margin-top: 1px;
}
.contact-info ul li:nth-child(3):before
{
	content: "";
	background: url(../img/footer_location_icon.png) no-repeat;
	width: 15px;
	height: 19px;
	display: block;
	position: absolute;
	left: 0;
}
.contact-input-area
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.contact-input-area input
{
	width: 100%;
	height: 40px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #D2D2D2;
}
.contact-input-area textarea
{
	width: 100%;
	height: 120px;
	padding: 5px 15px 5px 15px;
	resize:none;
	border: 1px solid #D2D2D2;
}
.contact-input-area input.submit
{
	background-color: #3A3E43;
	width: 30%;
	color: #fff;
	padding: 0;
	transition:0.3s;
	cursor: pointer;
}
.contact-input-area input.submit:hover
{
	background-color: #2196f3;
	transition:0.3s;
}

/****** iletisim ******/
/***** mobile menu *****/

.mobile-menu
{
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 99;
}
.navbar-header
{
	display: none;
}
.navbar
{
	opacity: 0;
	transition:0.3s;
	display: none;
}
.navbar-click
{
	transition:0.3s;
	opacity: 1;
}
/***** mobile menu *****/
.mob-menu-area
{
	display: none;
}
.header
{
	width: 100%;
	height: 160px;
	float: left;
	position: relative;
}
.middle-margin
{
	max-width: 1120px;
	margin: auto;
}
.header-top
{
	width: 100%;
	height: 50px;
	background-color: #3A3E43;
	float: left;
}
.fixed
{position: fixed;background-color: rgba(255, 255, 255, 1) !important;transition:0.3s;height: 70px !important;}
.fixed-logo
{
	margin-top: 15px !important;
	transition:0.3s;
}
.fixed-menu
{
	margin-top: 23px !important;
	transition:0.3s;
}
.fixed-menu-mobile
{
	position: fixed;
	margin-top: 70px;
	z-index: 90;
}
.fixed-top
{
	margin-top: 35px !important;
}
.header-top-left
{
	float: left;
	line-height: 50px;
	color: #fff;
}
.header-top-right
{
	float: right;
	line-height: 50px;
	color: #fff;
}
.header-down
{
	width: 100%;
	height: 110px;
	float: left;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
z-index: 10;
transition:0.3s;
}
.header-top-left span
{
	padding-left: 25px;
	font-size: 14px;
}
.header-top-left span:before
{
	content: "";
	background: url(../img/email_icon.png) no-repeat;
	width: 17px;
	height: 13px;
	display: block;
	position: absolute;
	top: 18px;
}
.header-top-right span
{
	padding-left: 25px;
	font-size: 14px;
}
.header-top-right span a
{
	color: #fff;
	text-decoration: none;
}
.header-top-right span:before
{
	content: "";
	background: url(../img/tel_icon.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 17px;
}
.logo
{
	width: 109px;
	height: 35px;
	margin-top: 30px;
	float: left;
	transition:0.3s;
}
.logo a img
{
	width: 100%;
	float: left;
}
.menu
{
	float: right;
	margin-top: 45px;
	transition:0.3s;
}
.menu-in ul li
{
	float: left;
	margin-right: 15px;
	list-style: none;
}
.menu-li
{
	height: 80px;
}
.menu-in ul li a
{
	text-decoration: none;
	color: #3A3E43;
	font-weight: 700;
}
.menu-in ul li a:hover
{
	color: #2196f3;
}
.menu-in ul li a.active
{
	color: #2196f3;
}

.menu-in ul li:hover .altmenu
{
	opacity: 1;
	margin-top: 46px;
	transition:0.4s ease-out;
	 visibility: visible; 
	z-index: 99;
	-webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
 
}
/*.menu-in ul li:nth-child(2):hover .menu2
{
	display: block;
	opacity: 1;
	margin-top: 46px;
	transition:0.4s ease-out;
	z-index: 99;
	-webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
visibility: visible;
}
.menu-in ul li:nth-child(3):hover .menu3
{
	display: block;
	opacity: 1;
	margin-top: 46px;
	transition:0.4s ease-out;
	z-index: 99;
	-webkit-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
box-shadow: 0px 0px 19px 1px rgba(0,0,0,0.39);
visibility: visible;
}*/
.menu-in ul li span
{
	width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
	height: 3px;
	float: left;
	clear: both;
}
.menu-in ul li span:before
{
	content: "";
	width: 10%;
	height: 3px;
	background-color: #c79d63;
	float: left;
}
.menu-in
{
	float: left;
}
.social
{
	float: left;
}
.social ul
{
	padding-left: 0;
}
.social ul li
{
	float: left;
	margin-left: 10px;
	list-style: none;
}
.social ul li a img
{
	transition:0.3s;
}
.social ul li:hover a img
{
	-webkit-transform: rotateY(360deg); /* Safari */
    transform: rotateY(360deg); /* Standard syntax */
    transition:1s;
}

.social ul li:nth-child(2) a img
{
margin-top: 1px;
}
.menu1
{
	opacity: 0;
	position: absolute;
	background-color: #fff;
	padding: 40px 20px;
	width: 90%;
	left: 5%;
	margin-top: 30px;
	transition:0.5s ease-out;
	visibility: hidden;
}
.menu2, .menu3
{
     
	 visibility: hidden; 
	opacity: 0;
	position: absolute;
	background-color: #fff;
	padding: 20px 40px;
	margin-top: 30px;
	transition:0.4s ease-out;
}

/***** *****/

/***** *****/
.menu2 ul
{
	padding-left: 0;
}
.menu2 ul li
{
	clear: both;
	float: none;
	margin-bottom: 5px;
}
.menu3 ul
{
	padding-left: 0;
}
.menu3 ul li
{
	clear: both;
	float: none;
	margin-bottom: 5px;
}
.menu1 ul li
{
    
	font-weight: 700;
	margin-bottom: 10px;
	width: 23% !important;
	font-size: 16px;
	float: left;
}
.menu1 ul li ul li
{
    
	 width:100% !important;
}
.menu1 ul li:hover .menu1
{
	display: block;
}
.menu1 ul li ul
{
	padding-left: 0px;

}
.menu1 ul li ul li
{
	font-weight: 400;
	float: none;
	margin-top: 3px;
	font-size: 14px;
}
.slider-area
{
	width: 100%;
	height: 768px;
	float: left;
	position: relative;
	margin-top: -160px;
	z-index: -1;
}
.slider-area .swiper-container {
    width: 100%;
    height: 100%;
}
.slider-area .swiper-slide {
    background-position: center;
    background-size: cover;
}
.slider-text-area
{
	width: 400px;
	position:absolute;
	float: left;
	top: 40%;
}
.slider-text
{
	font-size: 16px;
	color: #222222;
	margin-bottom: 25px;
}
.slider-tittle
{
	font-size: 30px;
	color: #002E58;
	margin-bottom: 5px;
	font-weight: 700;
}
.more-information a
{
	padding: 10px 20px;
	color: #fff;
	background-color: #222222;
	text-decoration: none;
	font-size: 14px;
}
.more-information a:hover
{
	background-color: #2196f3;
	color: #fff;
	text-decoration: none;
}
.block-area
{
	width: 100%;
	position: relative;
}
.block-in a{
   
    text-decoration:none;
}
.block
{
	width: 250px;
	height: 180px;
	float: left;
     margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;	
	overflow: hidden;
	position: relative;
	background-size: cover;
}

/*.block:nth-child(1)
{
	background: url(../img/block1.png) center center no-repeat;
}
.block:nth-child(2)
{
	background: url(../img/block2.png) center center no-repeat;
}
.block:nth-child(3)
{
	background: url(../img/block3.png) center center no-repeat;
}
.block:nth-child(4)
{
	background: url(../img/block4.png) center center no-repeat;
}*/
.block:last-child
{
	margin-right: 0;
}
.block-in
{
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0;
	background-color: rgba(9, 8, 33, 0.8);
}
.block-tittle
{
	font-size: 16px;
	color: #fff;
	line-height: 70px;
	padding-left: 20px;
}
.block-tittle img
{
	margin: 17px 10px 0 0;
	position: relative;
	float: left;
}
.products-area
{
	width: 100%;
	float: left;
	position: relative;
	background-color: #F2F2F2;
	padding: 40px 0 60px 0;
}
.product-tittle span
{
	font-size: 30px;
	color: #2D4057;
	font-weight: 700;
	line-height: 50px;
}
.product-tittle
{
	width: 100%;
	float: left;
	height: 50px;
	border-left: 5px solid #C79D63;
	padding-left: 20px;
	margin-bottom: 15px;
}

.products-list-area
{
	width: 100%;
	float: left;
	
}
.products-list-area ul
{
	padding-left: 0;
}
.products-list-area ul li
{
	list-style: none;
	float: left;
	width: 19.8%;
	height: 200px;
	border: 1px solid #F2F2F2;
}
.pr-li-margin
{
	width: 100px;
	margin: auto;
}
.products-list-area ul li:hover
{
	background-color: #fff;
	border: 1px solid #C79D63;
}
.products-list-area ul li .pr-img
{
	height: 100px;
	position: relative;
}
.products-list-area ul li .pr-img img
{
	position: absolute;
	float: left;
	bottom: 0;
}
.products-list-area ul li .pr-tittle
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin: 10px 0 5px 0;
	font-size: 16px;

}
.products-list-area ul li .pr-text
{
	width: 120px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.down-slider
{
	width: 100%;
	height: 400px;
	background: url(../img/down_slider_bg.png) center center no-repeat;
	float: left;
}
    .down-slider .swiper-container {
        width: 100%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .down-slider .swiper-slide {
        text-align: center;
        font-size: 18px;
        color: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .down-slide-in-wrap
    {
    	width: 60%;
    	margin: auto;
   		text-align: center;
    }
    .down-slide-tittle
    {
    	font-size: 25px;
    	font-weight: 700;
    	margin-bottom: 10px;
    	width: 100%;
    }
    .down-slide-text
    {
    	font-size: 16px;
    	width: 100%;
    	
    }
    .down-slide-line
    {
    	width: 60px;
    	height: 3px;
    	margin: auto;
    	background-color: #c79d63;
    	margin-bottom: 10px;
    }

  .mid-slider {
        width: 100%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .mid-slider-in {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.request-call
{
	width: 100%;
	height: 220px;
	background-color: #100F23;
	float: left;
}
.request-left
{
	width: 40%;
	height: 100%;
	float: left;
}
.request-right
{
	width: 60%;
	height: 100%;
	float: left;
}
.request-tittle
{
	width: 100%;
	float: left;
	font-weight: 700;
	color: #fff;
	font-size: 30px;
	margin-top: 50px;
}
.request-text
{
	width: 60%;
	float: left;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
}
.request-right form
{
	margin-top: 50px;
}
.request-input
{
	width: 50%;
	float: left;
	height: 60px;
}
.request-input input
{
	height: 40px;
	width: 90%;
	padding-left: 15px;
	margin-bottom: 20px;
}
.request-input.submit input
{
	height: 46px;
	width: 50%;
	background-color: #C79D63;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	border: none;
	padding: 0;
	cursor: pointer;
}
.footer
{
	width: 100%;
	height: 300px;
	float: left;
	background-color: #F2F2F2;
}
.footer-top
{
	width: 100%;
	float: left;
	height: 240px;
}
.footer-logo
{
	margin-bottom: 30px;
}
.footer-left
{
	width: 35%;
	float: left;
	position: relative;
	padding-top: 45px;
}
.footer-info
{
	max-width: 70%;
}
.footer-info ul
{
	padding-left: 30px;
}
.footer-info ul li
{
	list-style: none;
	font-size: 14px;
	margin-bottom:10px;
	color: #777777;
}
.footer-info ul li:nth-child(1):before
{
	content: "";
	background: url(../img/footer_tel_icon.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0;

}
.footer-info ul li:nth-child(2):before
{
	content: "";
	background: url(../img/footer_email_icon.png) no-repeat;
	width: 17px;
	height: 13px;
	display: block;
	position: absolute;
	left: 0;
	margin-top: 1px;
}
.footer-info ul li:nth-child(3):before
{
	content: "";
	background: url(../img/footer_location_icon.png) no-repeat;
	width: 15px;
	height: 19px;
	display: block;
	position: absolute;
	left: 0;
}
.footer-right
{
	width: 65%;
	float: left;
	position: relative;
	padding-top: 45px;
	right: -90px;
}
.footer-right ul {width:100%; list-style:none; float: right;padding-left: 0;}
.footer-right ul li {float:left; width:130px; font-weight:bold;color: #777777;}
.footer-right ul li ul {padding:0;}
.footer-right ul li ul li {float:none; padding:1px 0; font-weight:normal;}
.footer-right ul li ul li a {text-decoration: none;font-size: 12px;color: #777777;}
.footer-right ul li ul li a:hover
{
	color: #3a3e44;
}
.footer-right ul li:first-child
{
	width: 180px;
}
.f-f-list
{
	width: 160px !important;
	float: left !important;
}
.f-f-list li:first-child
{
	width: 80px !important;
}
.f-f-list li
{
	width: 80px !important;
	float: left !important;
}
.footer-right ul li span
{
	width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
	height: 3px;
	float: left;
	clear: both;
}
.footer-right ul li span:before
{
	content: "";
	width: 30%;
	height: 3px;
	background-color: #c79d63;
	float: left;
}
.footer-down
{

	width: 100%;
	height: 60px;
	float: left;
	background-color: #D2D2D2;
}
.footer-down-left
{
	font-size: 12px;
	float: left;
	margin-top: 20px;
	width: 100%;
	color: #818181;
}
.footer-down-right
{
	float: right;
	color: #818181;
	padding-top: 15px;
}
.footer-down-right span
{
	font-size: 12px;
}

/**** sub-page *******/

.sub-header
{
	width: 100%;
	height: 250px;
	position: relative;
	float: left;
	background: url(../img/sub_page_bg.png) center center no-repeat;
	margin-top: -110px;
	z-index: -1;
}
.navigator
{
	float: left;
	margin-top: 200px;
	color: #fff;
	font-size: 12px;
}
.navigator ul 
{
	padding-left: 0;
}
.navigator ul li
{
	float: left;
	margin-right: 10px;
	list-style: none;
}
.navigator ul li a
{
	color: #fff;
	text-decoration: none;
}


.sub-page-tittle
{
	font-size: 25px;
    float: left;
    color:#3A3E43;
    font-weight: 700;
    width: 100%;
    height: 55px;
}
.sub-page-left-menu
{
	float: left;
	width: 100%;
}
.sub-page-left-menu:after
{
	content: "";
	position: absolute;
	width: 18px;
	height: 179px;
	background: url(../img/line.png) no-repeat;
	top: 0px;
	right: 0;
	z-index: -1;
}
.sub-container
{
	width: 100%;
	float: left;
}
.sub-left-menu
{
	width: 25%;
	float: left;
	padding-top: 20px;
	position: relative;
}
.sub-left-menu ul
{
	float: left;
	padding-left: 0;
	width: 100%;
	position: relative;
}
.sub-left-menu:before
{
	display: block;
    content: '';
    width: 18px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/bg_tab.png) repeat-y left bottom;
    z-index: -2;
}
.sub-left-menu:after
{
	display: block;
    content: '';
    width: 18px;
    height: 100%;
    position: absolute;
    bottom: -20px;
    right: 0;
    background: url(../img/line_rotate.png) no-repeat bottom;
    z-index: -2;
}
.sub-left-menu ul li
{
	list-style: none;
	height: 50px;
	
	padding-left: 35px;
	cursor: pointer;
	color: #3A3E43;
	position: relative;
}
.sub-left-menu ul li:after
{
	background: url(../img/border_bottom.png) no-repeat;
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	right: 0;
}
.sub-header
{
	position: relative;
}
.sub-header:after {
	content: "";
	position: absolute;
    background: url(../img/shadows.png) 0 -61px;
    height: 18px;
    width: 1509px;
    }
.sub-left-menu ul li a.active
{
	color: #337ab7;
}
.sub-left-menu ul li a.active:before
{
	content: " ";
	position: absolute;
	width: 7px;
	height: 12px;
	background: url(../img/left_menu_arrow2.png) no-repeat;
	margin-top: 17px;
	margin-left: -30px;
}
.sub-left-menu ul li:hover a:before
{
	content: " ";
	position: absolute;
	width: 7px;
	height: 12px;
	background: url(../img/left_menu_arrow2.png) no-repeat;
	margin-top: 17px;
	margin-left: -30px;
	transition:0.2s;
}
.sub-left-menu ul li.active a
{
	color: #fff;
	transition:0.2s;
}
.sub-left-menu ul li:hover a
{
	color: #337ab7;
	transition:0.2s;
}

.sub-left-menu ul li a
{
	line-height: 50px;
	color: #002E58;
	text-decoration: none;
	font-weight: 700;
	padding: 10px 70px 10px 0px;
	transition:0.2s;
}
.sub-right-side
{
	float: left;
	width: 72%;
	margin-left: 3%;
	padding-top: 20px;
	position: relative;
	padding-bottom: 40px;
}
.sub-right-tittle
{
	font-size: 25px;
	font-weight: 700;
	/*float: left;*/
}
.sub-right-text p
{
	float: left;
	font-size: 15px;
	color: #777;
}
.sub-right-text img
{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
/**** sub-page *******/
  @media screen and (max-width: 1215px) {
  	.middle-margin
  	{
  		width: 90%;
  	}
  	.block
  	{
  		width: 230px;
  		height: 170px;
  	}

  }

@media screen and (max-width: 1155px) {
	.block
  	{
  		width: 205px;
  		height: 150px;
  	}
  	.products-list-area ul li
  	{
  		width: 19%;
  	}
}


@media screen and (max-width: 1045px) {

	.block
  	{
  		width: 250px;
  		height: 180px;
  	}
  	.block-area .middle-margin
  	{
  		width: 540px;
  	}
  	.block-area .middle-margin .block:nth-child(2)
  	{
  		margin-right: 0;
  		margin-bottom: 0;
  	}
  	.block-area .middle-margin .block:nth-child(1)
  	{
  		margin-bottom: 0;
  	}
  	.sub-left-menu
  	{
  		width: 33%;
  	}
  	.sub-right-side
  	{
  		width: 64%;
  	}

}
@media screen and (max-width: 768px) {
	.sub-left-menu ul
	{
		box-shadow: none;
		-webkit-box-shadow:none;
	}
	.slider-text-area
	{
		margin-left: 25px;
	}
	.navbar
	{
		display: block;
	}
	.contact-left-side, .contact-right-side
	{
		width: 100%;
	}
	.mob-menu-area
	{
		display: block;
		float: left;
		margin-left: 20px;
		cursor: pointer;
	}
	.menu-in
	{
		display: none;
	}
	.products-list-area ul li
	{
		width: 48%;
	}
	.request-call
	{
		height: auto;
		padding: 10px 0 40px 0;
	}
	.request-left, .request-right
	{
		width: 100%;
	}
	.footer, .footer-top
	{
		height: auto;
	}
	.footer-right, .footer-left
	{
		width: 100%;
	}
	.footer-right
	{
		right: 0;
	}
		.sub-left-menu
  	{
  		width: 100%;
  	}
  	.sub-left-menu:before
  	{
  		background: none;
  	}
  	.sub-left-menu ul li
  	{
  		background: none;
  		border-top: 1px solid #eaeaea;
  	}
  	.sub-left-menu ul li:last-child
  	{
  		border-bottom: 1px solid #eaeaea;
  	}
  	.sub-left-menu ul li:after
  	{
  		background: none;
  	}
  	.sub-right-side
  	{
  		width: 100%;
  		margin-left: 0;
  	}


	}
	@media screen and (max-width: 640px) {
		.request-input input
		{
			width: 85%;
		}
		.block-area .middle-margin
		{
			width: 480px;
		}
		.block
		{
			width: 220px;
			height: 150px;
		}
	}

	@media screen and (max-width: 510px) {
		.footer-down-right span
		{
			display: none;
		}
		.footer-down-left
		{
			margin-top: 15px;
		}
		.block-area .middle-margin
		{
			width: 440px;
		}
		.block
		{
			width: 200px;
			height: 130px;
		}
		.block-in
		{
			height: 60px;
		}
		.block-tittle
		{
			line-height: 60px;
		}
		.block-tittle img
		{
			margin-top: 13px;
		}
		.block
		{
			margin-top: 25px;
			margin-right: 25px;
			width: 170px;
			height: 125px;
		}
		.block-area .middle-margin
		{
			width: 365px;
		}
		.slider-text-area
		{
			width: 70%;
		}
	}
@media screen and (max-width: 440px) {
	.footer-right
	{
		display: none;
	}
	.footer-info
	{
		width: 100%;
	}
	.footer-left
	{
		    padding-top: 25px;
    padding-bottom: 20px;
	}
}
@media screen and (max-width: 400px) {
	.block
		{
			margin-top: 15px;
			margin-right: 15px;
			width: 150px;
			height: 125px;

		}
		.block-area .middle-margin
		{
			width: 315px;
		}
		.block-tittle
		{
			font-size: 13px;
		}
	}
	@media screen and (max-width: 340px) {
		.footer-down-left
		{
			font-size: 11px;
			width: 180px;
		}
	}