/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 479px){

/*------------------------------------------------------------------*/ 
/*	1) Header
/*------------------------------------------------------------------*/
.logo{margin-left:0;}
.wrapper{
	width:300px;
	margin:0 auto;
	float:none;
}
.main{	width:280px; float:left; margin:10px auto;}
.post-wrapper{ width:280px; margin-left:0; }

/* ########################################################################################################## */



/* ########################################################################################################## */

#footer{position:absolute; display:block; float:left; padding:5px 0 10px 0; height:auto; top:auto; bottom:0px;}

#controls-wrapper{bottom:90px;}


/*------------------------------------------------------------------*/ 
/*	2) Nav
/*------------------------------------------------------------------*/
ul.sf-menu { display:none; }
.menu-toggle{
	display:block;
	width:42px;
	height:42px;
}
/*------------------------------------------------------------------*/ 
/*	3) Content
/*------------------------------------------------------------------*/
.post-type-wrapper img{
	width:270px;
}
.commment-text-wrap{
	width:190px;
}
ul.children li div.commment-text-wrap{
	width:190px;
}
ul.children li li div.commment-text-wrap{
	width:190px;
}
ul.children li li li div.commment-text-wrap{
	width:190px;
}
ul.children{
	margin-left:0;
	border:0;
	margin-left:-19px;
}
ul.children li{
	background:none;
}
.input input{
	width:268px;
}
.form textarea{
	width:268px;
}
.gallery-list li{
	margin:0 0 30px 50px;
}
.member{
	margin-right:30px;
	margin-left:30px;
}
.pricing ul{
	width:280px;
}
.project-list li{
	margin-left:25px;
}
.project2-list li{
	margin:0 0 30px;
	width:280px;
	height:290px;
}
.project2-list li img{
	width:276px;
	height:204px;
}
.project2-list li a div {
	width:276px;
	height:204px;
}
div.errorpage h1{
	font-size:60px;
}
/*------------------------------------------------------------------*/ 
/*	3) Sidebar
/*------------------------------------------------------------------*/
.search input{
	padding:10px; /* padding:10px; */
	border:1px solid #555;
	background:none;
	color:#c5c5c5;
	width:258px;
}
}


/* ########################################################################################################## */
.main {
    width:100% !important;
}

.post-wrapper {
    width:100% !important;
}

.wrapper {
    width:100% !important;
}

/* ===== MOBILE FIX: no horizontal scroll ===== */

.wrapper,
.main,
.post-wrapper,
.post-wrapper-2,
.image-wrapper,
.video,
.post-type-wrapper,
.post-type-wrapper img,
.commment-text-wrap,
.comments ul li > div,
table,
table td,
table th {
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box;
}



.sidebar {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    float:none !important;
    box-sizing:border-box;
}

/* ===== MOBILE: expand sidebar inner blocks ===== */

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

    .sidebar,
    .sidebar .column-sidebar,
    .sidebar .category,
    .sidebar .archives,
    .sidebar ul,
    .sidebar li,
    .sidebar p,
    .sidebar img {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        float:none !important;
        margin:0 !important;f
        padding:0 !important;
    }
}

#footer {
    position:relative !important;
    bottom:auto !important;
}

@media only screen and (max-width: 479px) {
    .sidebar .column-sidebar {
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box;
    }
}

/* Noliek uz leju - &copy 2007-<?= date('Y') ?> MP Globe SIA Visas tiesības aizsargātas */
body.home .body-wrapper {
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

body.home #content {
    flex:1;
}

body.home #footer {
    position:relative !important;
    margin-top:auto !important;
}

/* .eu / .lv / .com bloki kļūs plati */
@media only screen and (max-width: 479px) {

    /* Paplašinām kolonnu, kurā ir pelēkais fons */
    .column {
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 15px !important;
        box-sizing:border-box !important;
    }

    /* Tagad paplašinām arī pricing blokus */
    .pricing,
    .pricing ul,
    .pricing li {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
}

/* Pogas Pasūtīt domēnu centrēšana mobilajam (līdz 767px) */
@media only screen and (max-width: 767px) {
    .order-table {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: block !important;
        width: fit-content !important;
    }
}

/* ########################################################################################################## */



/* ########################################################################################################## */