/*==========  Non-Mobile First Method  ==========*/


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

        header nav {
            float: none;
        }

        .navbar-light{
            background-color: #fff;
            padding: 5px 15px 0;
            position: fixed;
            top: 0;
            border-bottom: 1px solid #eee;
            z-index: 99;
            display:block !important;
            -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
            -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
            transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        }

         .navbar-light .navbar-dark-logo{
            display: block !important;
            width: 75%;
         }

        .navbar-dark .navbar-dark-logo{
            display: block !important;
            width: 75%;
         }


        .navbar-light .navbar-light-logo{
            display: none !important;
         }

        .navbar-light .mobilemenu .btn {
            color: #424242;
            margin-right: 0;
        }

        .navbar-light .navbar-brand, .navbar-dark .navbar-brand{
            text-align: left;
            margin: 0 auto;
        }

        .fws2{
            background: transparent;
            height: auto !important;
            margin-top: 68px;
        }



        .slider_container{
            height: 600px ;
        }
        .fws2 .slide-caption {
            position: absolute;
            bottom: 0px;
            transform: translate(-50%,120%);
            left: 50%;
            text-align: center;
            width: 100%
        }


        .fws2 .slide-caption .desc,.fws2 .slide-caption .baslik{
            color:#726a5d !important;
            width: 100%;
        }
        .fws2 .slide-caption .baslik {
            font-size: 40px;
        }

        .fws2 .slide-caption .btn-outline{
            color:#726a5d !important;
            border-color: #726a5d !important;
        }

        .fws2 .slide-caption .btn-outline:hover{
            color:#fff !important;
        }



	}



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

       

}

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


    

        .slider .text-wrapper {
            padding: 0 30px;
        }

        .slider .text-wrapper h3 {
            font-size: 40px;
        }

        .main-navigation{
            display: none;
        }
        .slide-caption h1{
            font-size: 24px;
        }


        .expertise figure{
            height: 400px;
            margin-bottom: 0
        }

        .store .ortala{
            position: relative;
            padding:30px;
        }

        .welcome-collection figure {
            margin-bottom: 30px;
        }

        .welcome-collection .btn-outline{
            margin-bottom: 60px;
        }
        	
	}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

        .slider{
            text-align: center;
        }

        .slider .text-wrapper h3 {
            font-size: 24px;
            letter-spacing: -0.2px;
            margin-bottom: 15px;
        }

        .slider .text-wrapper p {
            font-size: 16px;
            margin-top: 15px;
        }

        #slider-category-owl .owl-next,
        #slider-category-owl .owl-prev  {
            display: inline-block !important;
        }

        #slider-category-owl .owl-buttons {
            position: relative;
            right: 0px; 
            margin-top: 30px;
        }

                .slider_container{
            height: 500px;
        }

                .fws2 .slidePrev, .fws2 .slideNext{
            display: none;
        }


        footer{
            text-align: center;
        }

        footer .copyright{
            display: block;
            margin-bottom: 30px;
        }

        footer .social-icons {
            text-align: center;
        }
        

        .expertise .text-area{
            padding: 30px;
        }


	}



    /* Extra Small Devices, Phones */ 
	
    @media only screen and (max-width :576px) {
                        .slider_container{
            height: 350px;
        }

      
	}
	
    /* Custom, Phone */ 
    @media only screen and (max-width : 420px) {

        header .navbar-brand label, header .navbar-brand label span{
            font-size: 16px;
        }

        header .navbar-brand img{
            width: 16%;
            margin-left: 15px;
        }

         .product-list{
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 1.25rem;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
        }

    }
			
	
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    
    }