/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/









    /*==========  Mobile First Method  ==========*/



    /* Custom, iPhone Retina */

    @media only screen and (min-width : 320px) {



	}



    /* Extra Small Devices, Phones */

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



    }



    /* Small Devices, Tablets */

    @media only screen and (min-width : 768px) {



    }



    /* Medium Devices, Desktops */

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



    }



    /* Large Devices, Wide Screens */

    @media only screen and (min-width : 1200px) {



    }







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



    /* Large Devices, Wide Screens */

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

		.menu-wrapper.affix .navbar-default {

			padding: 25px 0 0;

		}

		.portfolio-masonry {

			display: flex;

			flex-direction: row;

			flex-wrap: wrap;

		}

		.portfolio-masonry .item-x {

			width: auto;

			height: auto;

			flex: 1 0 25%;

		}

    }



    /* Medium Devices, Desktops */

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

		.copyrights > .container {

			display: flex;

			flex-wrap: wrap;

		}

		.copyrights > .container > div:first-child {

			order: 2;

			text-align: center;

		}

		.copyrights > .container > div:last-child {

			order: 1;

			text-align: center;

		}

		.footer-menu ul {

			float: none;

		}

		.navbar-collapse .navbar-right {

			margin-top: 0;

		}

		#main-menu {

			width: 100%;

			text-align: center;

		}

		#main-menu li  {

			display: inline-block;

			float: none;

		}

		.menu-wrapper .navbar-brand .img1, .img2, .navbar-brand {

			max-height: 60px;

		}

		.header.transparent .navbar-default .navbar-nav > li > a {

			padding-top: 15px;

			padding-bottom: 15px;

		}

		.ps-desc {

			bottom: 25%;

			top: auto;

		}

		.ps-desc h3 {

			text-align: center;

		}

		.col-socials {

			margin-top: -60px;

		}

		.portfolio_wrapper .container, #prodotti .container {

			width: 96%;

		}

		.menu-wrapper.affix .navbar-default {

			padding: 15px 0 0;

		}



		.box h3 {

			padding: 15px 10px;

			font-size: 21px;

			text-align: center;

		}

		.box .desc {

			display: none;

		}

    }



    /* Small Devices, Tablets */

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

		.menu-wrapper.affix .navbar-default {

			padding: 15px 0;

		}

		.portfolio-masonry .item-x {

			flex: 1 0 50%;

			padding: 10px;

		}	

		.contact-footer-col {

			padding: 0;

		}	

		.col-socials {

			margin-top: 0;

		}

		#home-slider {

			margin-top: 90px;

		}

		.contact_details, .logo, .contact-footer-col, .col-socials, #other-menu {

			text-align: center;

		}

		img.footer-logo {

			display: inline;

		}

		.footer-social {

			float: none;

			text-align: center;

		}

		.footer-social ul {

			display: inline-block;

			margin: 0;

		}

		#other-menu li {

			float: none;

			display: inline-block;

		}

		#main-menu {		

		    width: auto;

		}

		#main-menu li {

			display: block;

			float: none;

			text-align: center;

		}

		#navigation .navbar-collapse {

			background: none !important;

			border: 0;

		}

		#prodotti .container {

			width: 100%;

		}

		#prodotti > .container > .row > div {

			padding: 0;

		}

		.box, .box:hover {

			margin: 0;

		}

    }



    /* Extra Small Devices, Phones */

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

		.navbar-toggle {

			margin-right: 0;

		}

    }



    /* Custom, iPhone Retina */

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



    }