/*
Theme Name:     Newsmag Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made to keep Newsmag theme modifications
Author:         Serhii Shapovalov
Author URI: 	https://www.freelancer.com/u/mrserhii.html
Template:       Newsmag                             
Version:        1
*/



@import url("../Newsmag/style.css");


/*  ----------------------------------------------------------------------------
    Your custom style.... here :)
*/


div.ajax-col {
	width: 300px;
	background: #fff;
	vertical-align: top;
	float: left;
}


#columner {
	background: #fff;
	width: 300px;	
}
	
.header-search-wrap .td-drop-down-search {
	width: 300px;
}

div.mul-searchboxes div.aps-comp-search {
	width: 100%;
}

div.mul-searchboxes .aps-wd-title {
	height: 56px;
}

div.mul-searchboxes h3 {
	margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

div.mul-searchboxes span.aps-remove-compare {
	background: #f9fafb none repeat scroll 0 0;
    border: 1px solid #e8e9ea;
    color: #ccc;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 4px 10px 5px;
    position: absolute;
    right: 0;
    top: 0;
}

div.mul-searchboxes span.aps-remove-compare:hover {
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	color: #CC3234;
}



.bbx div.aps-comp-search:first-child {
	margin-bottom: 0px; 
	margin-top: 9px; 
	width: 30%;
}

.bbx div.aps-comp-search:nth-child(2) {
	margin-bottom: 3px; 
	margin-top: 2px;
	width: 70%;
}

.bbx div.aps-comp-search ul.aps-wd-products li {
	width: 33.3333% !important;
}

.bbx .aps-wd-title {
	height: 56px !important;
}

#three_boxes_submitter {
	width: 60%;
	margin: 0 20%;
	text-align: center;
}


@media all and ( min-width: 620px ) {
	#columner {
		background: #fff;
		width: 600px;	
	}
	.header-search-wrap .td-drop-down-search {
		width: 600px;
	}
	
	div.mul-searchboxes div.aps-comp-search {
		width: 33.3%;
	}
	
	#three_boxes_submitter {
		width: 40%;
		margin: 0 30%;
		text-align: center;
	}

}