/*
* ----------------------------------------------------------------------------------------
Author       : Creativepersonal
Template Name: Monster - Personal Portfolio Template
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 1921px)  
{
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:40%;
 right:80px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:1000px;
 left:150px;
 top:450px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:70px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:28px;
	line-height:35px;
}
}

@media only screen and (min-width: 1600px) and (max-width: 1921px) 
{
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:40%;
 right:80px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:50%;
 left:170px;
 top:300px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:60px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:25px;
	line-height:35px;
}
}

@media only screen and (min-width: 1367px) and (max-width: 1600px) 
{
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:44%;
 right:80px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:800px;
 right:40%;
 top:240px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:60px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:25px;
	line-height:35px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1367px) 
{
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:44%;
 right:80px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:700px;
 right:40%;
 top:240px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:50px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:25px;
	line-height:35px;
}
}

/* Medium Layout: 1280px. */

@media only screen and (min-width: 1025px) and (max-width: 1280px) 
{
.blogliste
{
	height:540px;
	margin-bottom:30px;
}
.btoku
{
   margin-left:0px;
   width:100px;
   height:30px;
   font-size:10px;
margin-left:20px;
padding-top:3px;   
}	
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:600px;
 right:30px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:700px;
 left:80px;
 top:240px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:50px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:25px;
	line-height:35px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1025px) 
{
.blogliste
{
	height:540px;
	margin-bottom:30px;
}
.btoku
{
   margin-left:0px;
   width:100px;
   height:30px;
   font-size:10px;
margin-left:20px;
padding-top:3px;   
}
.anasayfabaslik1
{
font-size:30px !important;	
margin-top:-25px;
margin-bottom:20px;
}	
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:600px;
 right:10px;
}
.slogan
{
 position:absolute;	
 bottom:450px;
 width:600px;
 right:35%;
 top:240px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:40px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:20px;
	line-height:35px;
}
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 992px) {
.hasan-alper-akkoca
{
 position:absolute;	
 bottom:0px;
 width:60%;
 right:10px;
}
.slogan
{
 position:absolute;	
 width:500px;
 left:10%;
 top:240px;
}
.sloganbaslik
{
	color:#FFF;
	font-size:35px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:18px;
	line-height:35px;
}
.mainmenu .navbar-nav li a {
    color: #fff;
    font-size: 12px !important;
    padding: 35px 15px;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
} 
.menu-bg .mainmenu .navbar-nav li a {
    color: #fff;
    padding: 24px 15px;
    -webkit-transition: .3s;
    transition: .3s;	
	font-size:12px !important;
}

 .single-project-done {
        text-align: center;
    }
    .about-image img {
        margin-top: 30px;
    }
    .single-testimonial p {
        padding: 0 50px;
    }
    .single-contact-details i {
        margin-bottom: 20px;
    }
    .single-project-complete {
        margin-bottom: 30px;
    }
    .single-service,
    .single-blog {
        margin-bottom: 30px;
    }
    #map {
        margin-top: 20px;
    }
     .about-text {
        padding-top: 0px;
        margin-top: 30px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.anasayfabaslik1
{
	
margin-top:-25px;
margin-bottom:30px;
text-align:center;
}
.footer-area-mobil
{
	display:block;
}
.hakkimdaresim
{
	display:none;
}
.anasayfahakkimda
{
	margin-top:-60px;
}
.hasan-alper-akkoca
{
 position:absolute;
 bottom:0px;
 width:80%;
 margin-left:10%;
}
.slogan
{
 position:absolute;	
 width:90%;
 text-align:center;
 top:15%;
 margin:auto;
 margin-left:5%;
}
.sloganbaslik
{
	color:#FFF;
	font-size:35px;
	font-weight:bold;
}
.sloganaciklama
{
	color:#FFF;
	font-size:18px;
	line-height:35px;
}

    .site-header .navbar-collapse {
        opacity: 1;
        visibility: visible;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-toggle {
        margin-top: -26px;
        margin-right: 0;
    }
    .navbar {
        min-height: 0px;
    }
    .mainmenu .navbar-nav li a {
        padding: 11px 15px;
    }
    .menu-bg .mainmenu .navbar-nav li a {
        padding: 11px 15px;
    }
    .mainmenu .navbar-nav li a:hover {
        color: #ccc;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 420px;
    }
    .navbar-collapse {
        background: rgba(0, 0, 0, .9);
    }
    .menu-bg .navbar-collapse {
        background: rgba(0, 0, 0, .9);
    }
    .welcome-image-area,
    .welcome-video-area {
        padding-top: 120px;
    }
    .welcome-image-area h2,
    .single-slide-item h2,
    .welcome-video-area h2 {
        font-size: 20px;
    }
    .header-text h1 {
        font-size: 30px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .single-project-complete h2 {
        font-size: 40px;
    }
    .single-testimonial p {
        padding: 0 10px;
    }
    .single-project-done {
        text-align: center;
    }
    .footer-area p,
    .actions,
    .footer-social-link {
        text-align: center;
    }
    .header-text p {
        font-size: 16px;
        padding: 0;
        line-height: 28px;
    }
    .header-text .home-arrow-down {
        bottom: -90px;
    }
    .about-text {
        padding-top: 0px;
    }
    .about-text h3 {
        margin-bottom: 20px;
    }
    .single-project-complete {
        margin-bottom: 50px;
    }
    .single-contact-details i {
        margin-bottom: 20px;
    }
    .single-service,
    .single-blog {
        margin-bottom: 30px;
    }
    #map {
        margin-top: 20px;
    }
    .item .grid figure,
    .work .grid figure {
        min-width: 100%;
    }
    .about-text {
        padding-top: 0px;
        margin-top: 30px;
    }
    .about-text ul li {
        width: 100%;
    }
    .single-service i {
        margin-bottom: 105px;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}

@media only screen and (min-width: 355px) and (max-width: 388px) {
.blogliste
{
	height:530px;
	margin-bottom:30px;
}
.btoku
{
   margin-left:0px;	
}
}

@media only screen and (min-width: 310px) and (max-width: 355px) {
.blogliste
{
	height:540px;
	margin-bottom:30px;
}
.btoku
{
   margin-left:0px;
   width:100px;
   height:30px;
   font-size:10px;
margin-left:20px;
padding-top:3px;   
}
}

@media only screen and (min-width: 200px) and (max-width: 310px) {
.blogliste
{
	height:600px;
	margin-bottom:30px;
}
.btoku
{
   margin-left:0px;
   width:100px;
   height:30px;
   font-size:10px;
margin-left:20px;
padding-top:3px;   
}
}
/*
* ----------------------------------------------------------------------------------------
Author       : Creativepersonal
Template Name: Monster - Personal Portfolio Template
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/