/*
 * Responsive Style
 */

/*	Table of Content
========================
	# 
========================
*/

/* 	==========================================================================
	
	========================================================================== */
@media (max-width: 479px) {}

/* 	==========================================================================
	
	========================================================================== */
@media (min-width: 480px) and (max-width: 575px) {}

/* 	==========================================================================
	Small devices (landscape phones, 576px and up)
	========================================================================== */
@media (min-width: 576px) and (max-width: 767px) {}

/* 	==========================================================================
	Medium devices (tablets, 768px and up)
	========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {}

/* 	==========================================================================
	Large devices (desktops, 992px and up)
	========================================================================== */
@media (min-width: 992px) and (max-width: 1199px) {}

/* 	==========================================================================
	X-Large devices (large desktops, 1200px and up)
	========================================================================== */
@media (min-width: 1200px) and (max-width: 1365px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 840px;
    }
}

/* 	==========================================================================
	XX-Large devices (larger desktops, 1400px and up)
	========================================================================== */
@media (min-width: 1366px) and (max-width: 1599px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1000px;
    }
}

/* 	==========================================================================
	XXX-Large devices (larger desktops, 1600px and up)
	========================================================================== */
@media (min-width: 1600px)and (max-width: 1919px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1220px;
    }
}