.project_slider{
float:right;
position:relative;
width:640px
}
.project_slider .arrows{
width:130px;
position:relative;
margin:0 250px
}
.project_slider .arrw_right,
.project_slider .arrw_left{
position:absolute;
top:478px;
width:61px;
height:61px;
z-index:3;
cursor:pointer
}
.project_slider .arrw_right{
right:0;
background:url(../../../design/default/css/images/project/arrw_right.png) top right no-repeat
}
.project_slider .arrw_left{
left:0;
background:url(../../../design/default/css/images/project/arrw_left.png) top right no-repeat
}
.slider{
position:relative;
width:100%;
height:573px;
overflow:hidden
}
.slider .slider_holder{
position:absolute;
top:0;
right:0;
width:50000000px;
max-width:50000000px;
height:100%;
transition:all 0.5s ease
}
.slider .slider_holder img{
float:right;
width:640px
}
.project_info{
float:right;
width:100%;
position:relative
}
.project_info::after{
content:"";
position:absolute;
bottom:0;
right:0;
left:0;
width:70px;
height:5px;
background:black;
margin:0 auto
}
.project_info h1{
float:right;
width:100%;
text-align:center;
font-size:36px;
font-weight:bold;
margin:34px 0 0 0;
padding:0
}
.project_info .txt{
float:right;
text-align:center;
font-size:32px;
margin:30px 0 0 0;
width:570px;
line-height:41px;
padding:0 35px 0
}
.project_info .rec_title{
float:right;
text-align:center;
font-size:32px;
margin:30px 0 0 0;
width:570px;
line-height:41px;
padding:0 35px 0;
font-weight:bold
}
.project_info .rec{
float:right;
text-align:center;
font-size:32px;
margin:10px 0 0 0;
width:570px;
line-height:41px;
padding:0 35px 76px
}
.more_projects{
float:right;
width:100%
}
.more_projects h2{
float:right;
width:100%;
text-align:center;
padding:0;
margin:66px 0 26px 0;
font-weight:bold;
font-size:49px
}
.more_projects a{
float:right;
width:100%
}
.more_projects a img{
float:right;
width:100%
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width :1224px) {
/* Styles */
.content{
margin:-36px 0 0 0
}
.project_slider{
width:1224px
}
.project_slider .arrows{
width:100%;
height:55px;
position:absolute;
margin:0;
top:45%
}
.project_slider .arrw_right,
.project_slider .arrw_left{
width:61px;
height:61px;
top:0;
bottom:auto
}
/*.project_slider .arrw_right{
right:0
}
.project_slider .arrw_left{
left:0
}*/
.project_slider .arrw_right{
background:url(../../../design/default/css/images/project/desktop_arrw_right.png) top right no-repeat;
right:29px
}
.project_slider .arrw_left{
background:url(../../../design/default/css/images/project/desktop_arrw_left.png) top right no-repeat;
left:29px
}
.slider{
height:575px
}
.slider .slider_holder img{
width:1224px
}
.project_info::after{
display:none
}
.project_info h1{
margin:0;
text-align:right;
padding:0 45px 0 0;
width:1179px;
font-size:28px;
letter-spacing:1px
}
.project_info .txt{
padding:0 45px 0 0;
margin:12px 0 0 0;
font-size:13px;
text-align:right;
line-height:normal;
width:1179px
}
.project_info .rec_title{
padding:0 45px 0 0;
margin:12px 0 0 0;
font-size:13px;
text-align:right;
line-height:normal;
width:50px
}
.project_info .rec{
padding:0 0 0 0;
margin:12px 0 0 0;
font-size:13px;
text-align:right;
line-height:normal;
width:1129px
}
.more_projects{
}
.more_projects h2{
padding:0 45px 0 0;
text-align:right;
font-size:29px;
margin:100px 0 11px 0;
letter-spacing:1px;
width:1179px
}
.more_projects a{
float:right;
width:auto;
width:408px
}
.more_projects a img{
float:right;
width:100%
}
}
/* Large screens ----------- */
@media only screen  and (min-width :1824px) {
/* Styles */
.project_slider {
width:1824px
}
.slider{
height:875px
}
.slider .slider_holder img{
width:1824px
}
.project_info h1 {
width:1779px
}
.project_info .txt {
width:1779px;
font-size:18px
}
.project_info .rec_title {
width:60px;
font-size:18px
}
.project_info .rec {
width:1719px;
font-size:18px
}
.more_projects h2 {
font-size:40px;
width:1779px
}
.more_projects a {
width:608px
}
}