﻿/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* FONT */
	/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

	/* STANDARD LOGO DIMENSIONS */
	.header-branding img { width: 140px; }

	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { width: 187px; }
	/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

	/* your CSS here */


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* LARGE LOGO DIMENSIONS */
		.header-branding.m-large-logo img { width: 140px; }

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 985px ) {

		.ust-row {
			border-bottom: none!important;
			text-align: center!important;
			justify-content:center!important;
		}
		.searchBar {
			padding-top: 0px!important;
		}
		.my-right-menu {
			top: 220px!important;
		}
			.baskan-row {
			display: none;
		}

		.arama-row {
			text-align: center;
		}

		.logo-row {
			text-align: center;
		}
		.post-description {
			display: none!important;
		}
		.post-title a {
			font-size: 20px !important;
		}
	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 650px ) {

		.ust-row{
			border-bottom:none;
		}
		.my-right-menu {
			top: 220px!important;
		}
		.searchBar {
			padding-top: 0px !important;
		}
		.baskan-row {
			display: none;
		}
		.arama-row{
			text-align:center;
		}
		.logo-row {
			text-align: center;
		}
		.post-description {
			display: none !important;
		}
		.post-title a {
			font-size: 20px !important;
		}
	}