
    /*==========  Non-Mobile First Method  ==========*/


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

        header nav {
            float: none;
        }
	
	}



	@media only screen and (max-width : 1000px) {

       

}

@media only screen and (max-width : 992px) {

       .main-navigation{
            display: none;
        }

        .slide-caption {
            text-align: center;
        }

        .anasayfa-widgets{
            text-align: center;
        }

        .anasayfa-widgets .text{
            margin-bottom: 30px;
        }
        	
	}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

        .slide-caption h1 {font-size: 36px;}

        .slide-caption p {font-size: 16px;}

        .fws2 { margin-bottom: 60px;}

        .siparis-kontrol {
            color: #222;
            float: none; 
            text-shadow: none;
            margin-bottom: 90px;
            text-align: center;
        }

        .siparis-kontrol .form-control {
            border: 1px solid #ddd;
        }

        .siparis-kontrol .tel {
            font-size: 24px;
            font-weight: 400;
        }
                                    	


	}



    /* Extra Small Devices, Phones */ 
	
    @media only screen and (max-width :576px) {
        .slide-caption h1 {font-size: 24px;}
         .slide-caption p {font-size: 14px;}

         .fiyat-hesapla .tab-content {
                padding: 0px;
        }

        .urun-item .form-control {
            width: 70px;
            margin: 0 auto;
            height: 30px;
        }


        .nav-tabs .nav-link {  
            padding: 20px 15px;
        }

        .iletisim-bilgileri{
            margin-top:30px;
        }

        .urun-item .btn-default {
            padding: 5px 9px;
        }

        .number-spinner .form-control{
            width: 25px !important;
        }

	}
	
    /* Custom, Phone */ 
    @media only screen and (max-width : 420px) {

        .nav-tabs .nav-link {  
            padding: 20px 10px;
            font-size: 14px;
        }
   
        .logo img{
            width: 70%;
            margin-top: 10px;
        }

    }
			
	
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    
    }