/*
  **********************************************************
  //////////////////// breakpoints //////////////
  ************************************
  
  * @screen-xss
  * ------------------
  * (max-width: 480px)
  * (min-width: 481px)
  * ------------------
 
  
  * @screen-xs
  * -------------------
  * (max-width: 599px)
  * -------------------
  
  
  * @screen-sm
  * -------------------
  * (min-width: 600px)
  * (max-width: 959px)
  * -------------------
  
  
  * @screen-md
  * -------------------
  * (min-width: 960px)
  *	(max-width: 1199px)
  * -------------------
  
  
  * @screen-lg
  * -------------------
  * (min-width: 1200px)
  * -------------------  
*/


@media only screen and (min-width: 600px) and (max-width: 959px) {/*@screen-sm*/
    div.part.toolbox>.container,
    div.container.header-wrapper, 
    div.head_bar.container{
        position: relative;
        display: block;
        margin:0px auto 0px auto;
    }


    div.toolbox{
        width:100%;
        position: relative;
        display: block;
        
    }
    
    div.toolbox div.language_wrapper{
        position: relative;
        display: inline-block;
        right:0px;
        float: right;
    }
    
    header div.all_thumbs{
        width:calc(100% - 60px);
    }

    #sub_header.search div.sub_header_content{
        top:160px;
    }
    
    input.textfield.search.small{
        text-indent: 33px;
    }

    #goals_slider div.slide_content.savings div.saving_buttons{
        width:95%;
    }
    #goals_slider div.slide_content.savings div.saving_buttons ul li a{
        font-size:14px;
        height: 60px;
        line-height: 60px;
    }

    /*Footer Media queries*/
    footer div.f_bar{
        width:100%;
        height:70px;
    }
    footer div.f_bar .social_menu{
        position: absolute;
        left:0px;
        display: inline-block;
        float: right;
        width:210px;
        left:50%;
        top:27px;
    }
    
    div.mobile div.mobile_imgs{
        position: relative;
        text-align: center !important;
        margin:0 auto;
        display: block;
        float: none;
    }

    section div.mid_wrapper div.faq_container ul li div.img{
        width:16%;
    }
    section div.mid_wrapper div.faq_container ul li div.question{
        width:75%;
    }

    footer div.f_bar .social_menu{
        width:230px;
        position: absolute;
        left:50%;
        margin-left:-115px;
    }

    #mobile-menu{
        display: none;
    }

    div.legal_notice div.container{
        width:98%;
    } 
}

@media only screen and (max-width: 959px) {/*@screen-sm*/
    .boxHome .container{text-align:center;}
    .boxHome p{width:auto;}
    .boxHome.half .container {width:auto;}

    .unicredit_on_mobile div.mobile div.mobile_imgs{
        position: relative;
        text-align: center !important;
        margin-left:0px;
        display: block;
        float: none;
        width:90%;
    }
    .unicredit_on_mobile div.mobile div.mobile_imgs img{
        margin:0px auto 0px auto;
    }

    #goals_slider div.slide_content.savings div.saving_buttons{
        width:90%;
        margin-top:45px;
    }
    #goals_slider div.slide_content.savings div.saving_buttons ul li{width:95%; margin-left:0px;}
    #goals_slider div.slide_content.savings div.saving_buttons ul li a{
        font-size:13px;
        height: 40px;
        line-height: 40px;
    }

    div.menu_bar>.container.header-wrapper{
        height: 40px;
    }

    div.container.tabs_link_wrapper{height: auto;}
    div.toolbox{
        width:100%;
        position: relative;
        display: block;
    }
    div.toolbox div.top_links{
        width: 300px;
        float: left !important;
    }
    
    
    div.menu.push_2{
        left:0px !important;
        float: right;
        width: auto;
    }

    section div.mid_wrapper div.faq_container ul li div.img{
        display: none;
    }
    section div.mid_wrapper div.faq_container ul li div.question{
        width:97%;
        margin:0px 0px 10px -5%;
    }

    header a.see_all,
    header a.see_all.goals{
        display: none;
    }

    #mobile-menu{
        display: none;
    }

    a.menu-trigger,
    a.menu-trigger:hover{
        position: absolute;
        left:0px;
        top: 0px;
        display: flex;
        height: 40px;
        width:43px;
        z-index: 1600;
        background: #f2f2f2;
        color: black;
        text-decoration: none;
        justify-content: center;
        align-items: center;
    }
    a.menu-trigger.mobile-opened{
        background: #333333;
        color: white;
    }


    .header-wrapper{
        position:relative;
    }
    

    /*end mobile menu trigger new position*/
    #exchange_rate_calculator ul.sub_list{
        background: #fff;
        top: 35px;
        width: 100%;
    }
    
    #currency_list button{
        padding-left: 5px !important;
    }
}

@media only screen and (max-width: 599px) {/*@screen-xs*/
    footer div.sm_footer_wide_column{
        text-align:center;
    }
    footer div.f_bar{
        height:100%;
    }
    footer div.f_bar div.sm_menu ul li{
        text-align:left;
    }
    ul.socialicons{
        display:inline-block;
    }
    .footer_general_column_xs{
        border-top:1px solid #ddd;
        padding-top:20px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 959px) {/*@screen-sm*/

    header{
        min-height: 475px;
    }

    .unicredit_on_mobile div.mobile div.mobile_imgs{
        position: relative;
        text-align: center !important;
        margin-left:auto;
        margin-right:auto;
        display: block;
        float: none;
        width:95%;
    }

    a.see_all{
        display: none;
    }

    p.large{
        font-size:14px !important;
    }
}

@media only screen and (max-width: 599px) {/*@screen-xs*/
    div.mobile div.mobile_imgs{
        position: relative;
        text-align: center !important;
        width:310px;
        left:50%;
        margin-left:-180px;
        display: block;
        float: none;
    }
    header span.cycle-nav{
        right:50%;
        transform: translateX(50%);
    }
}

@media only screen and (max-width: 480px) {/*@screen-xss*/
    header a.see_all{
        display: none;
    }

    p.large{
        font-size:14px !important;
    }
    
    /* form -mobile section */

    .unicredit_on_mobile div.mobile div.mobile_imgs img {
        width: 50%;
        display:none;
    }
    
    .boxHome.half p{
        display: none;
    }
}

@media only screen and (max-width: 360px){
    .boxHome + .boxHome{margin-top:0;}
    .boxHome.half p{display:none;}
    
    .calculator_content .btn_boxes{
        display: block;
        padding-bottom:10px;
    }
    .calculator_content .row.space{
        margin-top: 5px !important;
    }
}

@media only screen and (min-width: 1200px){/*@screen-lg*/
    div#footer_menu {
        min-height: 180px;
    }
}

@media only screen and (max-width: 959px){/*@screen-sm*/
    .tab_boxes {
        width:100%;
    }
    .btn_boxes a{height:30px;}
    .tab_boxes .box {
        width:90%;
    }
    #sub_header.calculator div.calculator_content.grid_12 {
        padding:0 5%;
        width: 90%;
        margin:0;
    }
    #sub_header.calculator div.calculator_content div.row {
        line-height: 30px;
    }
    #txt_comm_name.error, #txt_comm_email.error, #txt_comm_phone.error {
        background: none;border-bottom:1px solid #d71326;
    }
    header div.cards_slide_container{height:auto;}
    .card_image{margin-right:5%;}
    .card_details{margin-left:0px;}
    .card_data .info a.remove{right:-10px;}

    .container  .grid_12 {
        width: auto;
    }
    .btn_boxes a{margin:0 5px;padding:0 0;}
}

@media only screen and (max-width: 599px){/*@screen-xs*/
    div.mobile div.mobile_imgs {max-width: 310px;width:auto;left:0;margin-left:0;}
    
    div#landing-page div.content div.row div.description {width: 90%;}
    div#landing-page div.content.right-align div.description {left:0 !important; }
    div#landing-page div.content div.row div.description div.arrow span{float:left;}
    div.mid_content div.calc_description{width:auto;height:auto;}
    
    *[style *= "text-align: justify"]{
        text-align: left !important;
    }
}

@media only screen and (min-width: 960px){/*@screen-md*/
    a.menu-trigger:before{
        display: none;
    }
}

/*CONTAINER*/
.container .container{
    width: 100%;
    padding: 0;
}

.container{
    max-width: 1280px;
	padding-left: 48px;
	padding-right: 48px;
    width: auto;
	box-sizing: border-box;
}

/*floating menu overlap fix*/
@media only screen and (max-width: 1360px){
    .container{
		padding-right: 96px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px){/*@screen-sm*/
    .container{     
        padding-left: 24px;
    }
    
    .boxHome.custom .container{
    	padding-right: 24px;
    }
}

@media only screen and (max-width: 599px){/*@screen-xs*/
    .container{
		padding-left: 16px;
		padding-right: 16px;
    }
}
/*******************************
RESPONSIVE	
*******************************/
/*@screen-xs*/
@media (max-width: 599px){
	body{font-size: 15px;	line-height: 1.4em}
	p{margin-bottom: 1.3em}
	h1,.H1{font-size: 26px;	margin-bottom: 0.7em}
	h2,.H2{font-size: 22px}
	h3,.H3{font-size: 18px; line-height: 1.2em}
	h4{font-size: 1em; line-height: 1.4em}
	sup{font-size: 11px}
	.note,.note ul li,.note ol li{font-size: 11.5px;line-height: 1.2em}
	.roundImageWrapper img{margin:0 auto 20px}
	.tabs_header p{padding: 0 20px}
	ul.tabs_links li{height:43px; width: 100%}
	ul.tabs_links li a{border-radius: 0; height:40px; line-height: 40px;}
	.tabs_header p{margin-bottom:35px}
	
	body.windows_device .sm_text img,
	body.windows_device .sm_textbox img,
	body.windows_device .sm_detailstext img,
	body.windows_device .table-responsive img{ 
		width: 100% !important;
	}
}

@media (max-width: 480px){
	body{font-size: 14px;	line-height: 1.4em}
	p{margin-bottom: 1.3em}
	h1,.H1{font-size: 22px; line-height: 1em}
	h2,.H2{font-size: 18px; line-height: 1.2em}
	h3,.H3{font-size: 16px; line-height: 1.2em}
	h4{font-size: 1em; line-height: 1.4em}
	sup{font-size: 11px}
	li{padding: 0 0 .5em 0}
	.note,.note ul li,.note ol li{font-size: 11px;line-height: 1.2em}
	.tabs_header p{margin-bottom:30px}
}

/*@screen-sm*/
@media (min-width: 600px){
	body{font-size: 16px;	line-height: 1.2em}
	p{margin-bottom: 1.2em}
	h1,.H1{font-size: 30px}
	h2,.H2{font-size: 24px}
	h3,.H3{font-size: 19px; line-height: 1.2em}
	h4{font-size: .95em; line-height: 1.4em}
	sup{font-size: 12px}
	.note,.note ul li,.note ol li{font-size: 12px;line-height: 1.1em}
	.tabs_header p{margin-bottom:40px}
}

/*@screen-md*/
@media (min-width: 960px){
	body{font-size: 16px;	line-height: 1.2em}
	p{margin-bottom: 1.2em}
	h1,.H1{font-size: 34px}
	
	section div.mid_wrapper h1 {
		font-size: 34px !important;
	}
	section div.mid_wrapper .container.flex h2 {
		font-size: 34px;
	}
	section div.mid_wrapper .H1{
		font-size: 34px !important;
		line-height: 1;
    	text-align: initial;
	}
	section div.mid_wrapper div.tabs_wrapper div.tabs_header h1{
		margin-top:30px;
	}
	h2,.H2{font-size: 25px}
	h3,.H3{font-size: 21px; line-height: 1.2em}
	h4{font-size: .9em; line-height: 1.2em}
	sup{font-size: 12px}
	.note,.note ul li,.note ol li{font-size: 12px;line-height: 1.1em}
	.tabs_header p{margin-bottom:50px}
}

@media (min-width: 1200px) and (min-height: 700px){	h1,.H1{font-size: 38px}}/*@screen-lg*/
@media only screen and (min-width: 960px){/*@screen-md*/
	div.card_details p {
		margin-top: 1em;
	}
}

@media only screen and (max-width: 959px){/*@screen-sm*/
    h1{
        line-height:1;
    }
    div.section .fields_wrapper ul li{
        width: 100% !important;
    }

    section div.mid_wrapper.white p {
        text-align: initial;
    }

    #sub_header.search div.sub_header_content{
        top: 120px;
        height: auto;
    }

    .search_arrow_fix div.arrow_down_grey{
        bottom: -14px;
    }
    
    #sub_header.search.searchform div.sub_header_content{
        top: 0px;
    }
    
    #sub_header.search{
        position:relative;
    }
    #sub_header div.sub_header_content.container {
        padding-bottom: 10px;
    }
    #sub_header div.sub_header_content.container h1{
        margin-top: 0px;
        top:0px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {/*@screen-xs*/
    .modal-small-notification{
        width:370px;
    }
        
    .section ul{
    	margin-left: 6px;
    }
    div.section ul ul, div.section ul ol, div.section ol ol, div.section ol ul {
    	margin-left: 0px;
    	padding-left: 0px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px){/*@screen-sm*/
    span.quote.close{
        top: 10px;
    }

	div.mid_wrapper.application_form div.captcha_container div.description{
        position:relative;
    }
}
@media only screen and (max-width: 599px) {/*@screen-xs*/
	 div.sm_tabbedlist img {
    	padding-right: 0 !important;
    }
	
	.mfp-wrap{
	top: 30px !important;
	position: fixed !important;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	}
	
	footer div.f_bar div.sm_menu{
	padding:0px;
	}
	footer div.f_bar div.sm_menu ul li{
		margin-right: auto;
		margin-left:auto;
		line-height: 2em;
	}
	
    header.no-resize #goals_slider div img {
        width:100%;
        height:auto;
    }
    #sub_header.search div.sub_header_content form div.row div.column.keyword{
        height: 40px;
        margin-bottom: 5px;
    }
    
    #sub_header.search div.sub_header_content form div.row div.column.filter,
    #sub_header.search div.sub_header_content form div.row div.column.keyword{
        margin-bottom:5px;
        
    }
    
    body.landing-page-body{
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
    
    .container .grid_1, .container .grid_2, .container .grid_3, 
    .container .grid_4, .container .grid_5, .container .grid_6, 
    .container .grid_7, .container .grid_8, .container .grid_9, 
    .container .grid_10, .container .grid_11, .container .grid_12{
        padding-left: 0px;
        padding-right: 0px;
    }

    div.arrow_up_white{
        position: relative;
        padding-top: 20px;
    }
    #sub_header.calculator div.calculator_content div.row .calc_text{
        height: auto;
        line-height: 23px;
    }
    #sub_header.calculator div.calculator_content div.row .calc_text{
        min-width: 45px; 
    }
    div.content a.button{
        bottom: 20px;
    }
    section div.textbox div.mid_wrapper div.content td a.button{
        bottom: 10px;
    }
    #sub_header.sitemap {
        min-height: 120px;
        height: auto;
        position: relative;
    }
    #sub_header{
        position: relative;
    }
    #sub_header.basic_account{
        height: 300px;/*ie8 fallback*/
        min-height: 18.23vw;
        height: 18.23vw;
    }
    #sub_header.sitemap h1{
        top: 0px;
    }
    /* app form fix */
    #sub_header div.sub_header_content.container {
        padding-bottom: 10px;
        padding-top:40px;
    }
    .container .grid_12{
        float:none;
    }
    
    form#application_form div.container .row_info{
        width: 100%;
    }
    
    div.mid_wrapper.application_form div.captcha_container div.description{
        position:relative;
    }
    
    div.mid_content ul.suggestions li, #loan_details ul li{
        height: auto;
    }
         
    #sub_header.calculator div.calculator_content div.row.space{
        margin-top:15px;
    }
    #sub_header.calculator div.calculator_content div.row{
        line-height:30px;
    }
    span.quote.close{
        top: 15px;
        right: -5px;
    }
    div.mid_wrapper.application_form form fieldset h2{
        border-bottom: 0px;
    }
    /* current account */
    #sub_header.current_account{
        height: 100%;
        position: relative;
        float:left;
    }
    #sub_header.current_account div.sub_header_content{
        padding-top:70px;
        top:0px;
    }
    section div.mid_wrapper{
        width: 100%;
    } 
    .calculator > .container.calculator-wrapper {
		min-height: 320px;
	}
    section div.mid_wrapper.white.compare-cards, #cards_info, #cards_detail_wrapper{
        display: block;
    }   
        
    /* calculator fix */
    header.sitemap.no-resize{
        margin-bottom:0px;
        height: inherit;
    }
    #sub_header.calculator{
        position:relative;
    }
    #sub_header.calculator div.calculator_content a.button{
        top:0px;
    }
    div.mid_content div.calc_description,
    div.mid_content#cards div.calc_description{
        width: auto;
        margin: 30px auto 30px auto;
    }
    
    div.mid_content div.calc_description .H3, div.mid_content#cards div.calc_description .H3{
        line-height: 1.3em;
    }

    header.sitemap{
        height: auto !important;
        min-height: 0px !important;
    }
    header div.cards_slide_container{
        height: auto !important;
    }
    
    #cards_slider #cycle-pager, .cards_slide_container div.all_thumbs,
    header div.all_thumbs{
        display:none;
    }
    div.mobile div.mobile_imgs{
        margin-left:auto;
        margin-right:auto;
    }

    div.textbox.section:first-child div.arrow_container.down{
        top: 0px;
    }
    
    div.textbox.section:first-child div.arrow_container.up{
        top: 0px;
    }
    div.product-carousel {
        margin-top: 30px;
    }
    
    div.card_image img {
        margin: 0 auto;
        max-width: calc(100vw - 110px);
    }
    
    header div.cards_slide_container{
        position: relative;
        top: 0;
    }
    
    header div.cards_slide_container #cards_slider {
        height: auto;
        width: auto;
    }

    div.card_details {
        float: none;
    }
    
    header div.cards_slide_container #cards_slider div.slide_content {
        margin: 50px auto 0px auto;
    }
    .container .grid_1, .container .grid_2, .container .grid_3, 
    .container .grid_4, .container .grid_5, .container .grid_6, 
    .container .grid_7, .container .grid_8, .container .grid_9, 
    .container .grid_10, .container .grid_11, .container .grid_12{
        display:inline-block;
    }

    /* card mobile */
    ul#card_compare_list li:first-child{
        display:none;
    }
    
    div#cards_detail_wrapper,
    section div.mid_wrapper.lightblue{
        background-color: #fff !important;
    }   
    
    ul#card_compare_list li div.part_block {
        min-height: 49px;
        line-height: 49px;
    }
    ul#card_compare_list li div.inner div.detail_header div.info{
        font-size:16px;
    }
    ul#card_compare_list li div.inner div.detail_header div.info{
        height: 100px;
    }
    ul#card_compare_list li div.detail_header{
        height: 100px;
    }
    ul#card_compare_list li.card_data div.part_block div.value{
        display: table-cell;
        float:left;
        width: 100%;
        white-space: nowrap;
    }
    ul#card_compare_list li.card_data div.part_block{
        height: auto;
        padding-bottom: 10px;
    }
    ul#card_compare_list li.card_data div.part_block div.value{
        white-space: normal;
    }
    
    .card_data .label {
        width: 94%;
        width: calc( 100% - 8px);
        padding-left: 4px;
        padding-right: 4px;
        display: table-cell;
        float: left;
        text-transform: uppercase;
    }
    
    div.inner .button{
        min-width: 112px;
    }

    section div.mid_wrapper div.content h2{
        font-size:18px;
    }
    
    /* Exchange rates */
    div.mid_wrapper.application_form form div.row.currency_filter h2 {
		width: 95%;
	}

    form#exchange-rates div.row.currency_filter div.filter_title h3,
    form#exchange-rates div.row.currency_filter input[type=text],
    form#exchange-rates div.row.currency_filter span#selected_date {
    	font-size: 14px;
    }
    /* END Exchange rates */
    
    /*Fix for issue 265*/
    div.mid_content ul.suggestions li div.inner {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    }
	div.nav-tabs-container ul.nav {
		margin-left: 0px;
	}

	ul#card_compare_list li.card_data div.part_block{
		white-space: pre-line;
        word-break: break-all;/*ie fallback*/
        word-break: break-word;
    }
    
    #application_form fieldset div.row div.form_error_message {
        display: none;
    }
    #sub_header div.container {
        padding-bottom: 0px;
        padding-top:20px;
    }
    div#landing-page div.content.right-align div.row a,
    div#landing-page div.content.left-align div.row a{
        margin-left:0px;
        margin-right:0px;
    }
    .searchform .search_arrow_fix div.arrow_down_grey {
        bottom: -14px;
    }
    
    div.product-carousel{
            margin-top:0;
    } 
    
    #cq_captchaimg{
        top: 0;
    }
    div.mid_wrapper.application_form div.captcha_container div.c_value{
        margin-bottom: 25px;
    }
    section .historicalrates div.mid_wrapper{
            padding-top: 20px;

    }
    
    header div.slide_container{
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    top: 0px;
    background-size: 100% 100%;
    position: relative;
    }
    
    header div.slide_container div.container{
        top: 0px;
    }
    
    header div.slide_container .slide{
        top: 20px;
        height: auto;
    }
    
    #sub_header div.sub_header_content.container {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    section div.mid_wrapper p{
        font: 14px/19.6px Unicredit, Arial, sans-serif;
        margin: 10px 0;
    }
    section div.mid_wrapper ul,
    section div.mid_wrapper ul li{
        font: 14px/1.2em Unicredit, Arial, sans-serif;
    }
    section div.mid_wrapper div.tabs_wrapper div.tabs_header ul.tabs_links li a{
    	width: 700px; /*hack to display a 100% of the li parent*/
    }
}

@media only screen and (max-width: 480px){/*@screen-xss*/
	div.mid_content ul.suggestions li div.inner {
        padding: 20px 10px;
        width: 90% !important;
    }

	#calculator-header-results {
		padding-left: 0px;
	}
		
	#sub_header.calculator div.calculator_content a.button{
    	margin-top:30px;
    } 
    div.section ul{
    	margin-left: 6px;
    }
    div.section ul ul, div.section ul ol, div.section ol ol, div.section ol ul {
    	margin-left: 0px;
    	padding-left: 0px;
    }
    .modal-small-notification{
        width:auto;
    }
    div.mid_wrapper.application_form div.captcha_container div.c_value {
        margin-bottom: 25px;
    }
    header.sitemap {
        height: auto !important;
        margin-bottom: 20px;
        min-height: 0 !important;
    }
    #sub_header, #goals_slider {
        position: relative;
    }
    #sub_header.current_account {
        background-size: 100% 100%;
        height: auto;
        padding-bottom: 20px;
        top: 0;
    }
    #sub_header.current_account div.sub_header_content {
        padding-top: 10px;
    }
    #sub_header.current_account div.sub_header_content h1 {
        padding-bottom: 10px;
    }
    section div.textbox div.mid_wrapper div.content td a.button {
        bottom: 0;
        width: calc(100% - 20px);
    }
    div#not-found div.content a.button {
        width: calc(100% - 40px);
    }
    div#not-found div.content h1 {
        margin-top: 80px;
    }
    div#not-found div.content p {
        margin-bottom: 40px;
    }
    #sub_header.sitemap {
        min-height: 100px;
    }
    #sub_header.basic_account {
        background-size: cover;
        height: 140px;/*ie8 fallback*/
        min-height: 18.23vw;
        height: 18.23vw;
    }
    #cards_slider {
        overflow: visible !important;
    }
    .product-carousel span.cycle-nav {
        width: 100%;
    }
    #cards_slider span.cycle-nav #card-next {
        right: -15px;
    }
    .sm_card-comparison #cards_slider span.cycle-nav #card-next {
		right: 0;
    }
    
    header div.cards_slide_container #cards_slider div.slide_content {
        margin-top: 25px;
    }
    header div.cards_slide_container {
        height: auto !important;
    }
    div.product-carousel {
        min-height: initial;
    }

    div.product-carousel {
        margin-top: 0;
    }
    div.textbox.section:first-child {
        padding-bottom: 0;
    }
    div.textbox.section:first-child div.arrow_container.up {
        top: 0;
    }
    div.content a.button {
        bottom: 15px;
    }
    ul#card_compare_list li div.inner div.detail_header div.info {
        font-size: 14px;
    }
    ul#card_compare_list li.card_data div.part_block div.value {
        font-size: 16px;
    }
    ul#card_compare_list li div.inner div.detail_header div.info {
        height: 110px;
    }
    ul#card_compare_list li div.detail_header {
        height: 110px;
    }
    ul#card_compare_list li div.inner div.detail_header div.info span.arrow {
        bottom: 0;
    }
    .card_data .label {
        font-size: 12px;
    }
    div.mid_content ul.suggestions li, #loan_details ul li {
    	border: none;
    }
}
@media only screen and (max-width: 360px) {
    .calculator_content .btn_boxes {
        display: table;
    }
    .calculator_content .row.space {
        margin-top: 15px !important;
    }
    div#not-found {
        margin-top: 60px;
    }
    #sub_header.calculator div.calculator_content.grid_12 {
        padding: 0;
        width: 100%;
    }
    div.mid_content ul.suggestions li div.inner {
        padding: 20px 10px;
    }
    #calculator-header-results {
        width: 100%;
    }
    div.mid_content ul.suggestions li div.inner {
        width: 90% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px){/*@screen-sm*/

	header div.cards_slide_container #cards_slider div.slide_content{
		margin: 50px auto 0px;
	}
}
	
@media only screen and (max-height: 570px) {
    .unicredit_on_mobile div.mobile div.mobile_imgs img {
		width: 50%;
		display:none;
	}
}

.search_form h1 {margin-top:0px}

/* Fix modal pages (button and text overlay for low sizes) */
@media only screen and (max-width: 480px) {/*@screen-xss*/
	div#card-details-popup {
		padding: 40px 10px 30px 10px;
		border-width: 10px;
		border-radius: 10px;
	}
} 
@media only screen and (max-width: 360px) {
	div#card-details-popup {
		padding: 40px 10px 30px 10px;
		border-width: 10px;
		border-radius: 10px;
	}
} 

/*Fix for issue 332*/
@media only screen and (max-width: 959px) and (min-width: 480px) {/*@screen-sm*/
	header {
		min-height: auto;
	}
}
/*End of fix for issue 332*/

@media only screen and (max-width: 599px){/*@screen-xs*/
	h2 {
		border-bottom: none;
		padding-bottom: 0.4em;
	}
}