.map-show {display: block;}
.map-hide {display: none;}

@media screen and (min-width: 1200px) {
    .text-right-md {text-align: right; } 
    .box_right .menu_footer {text-align: right;} 
    .box_right .social_buttons {text-align: right;}
    .box_radio {width: 818px;} 
}

@media screen and (min-width: 1270px) {
    .container.serv_container {width: 1250px;}
}

@media screen and (max-width: 1260px) {
    .shadow_b, .shadow_a{display: none;} 
    .social_buttons {margin-right: 0px; } 
}
@media screen and (min-width: 1230px) {
    #box_header { box-sizing:border-box;  top: 0px;border-bottom:1px solid #eee;z-index:10;}
    .margin-bottom-lg-28 {margin-bottom:28px;}
    .checkbox label:hover {background: url("../img/check_hov.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); }
    .radio_check label:hover {background: url("../img/radio_hov.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); }    
}

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

    /************************ Servicii *************************/  
    .serv_det_txt {padding-left: 0px;}
    .sdt_align {height: auto;display: block;}
    .serv_det_txt > div {display: block;}
}

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

    /************************ Header *************************/
    .nth_detaliu div:nth-child(1) {margin-top: 10px;}
    .close_cookies {right: 0;}
    #box_header {height: 182px; } 
    #cssmenu > ul > li.active > a {border-top: 0px solid #fff; margin-top:3px; color: rgb( 238, 56, 63 ); } 
    #lang ul {z-index: 4; }     
    .language {margin-right: 5px; } 
    .open_login.active {z-index:4;}
    .container {padding: 0 20px;}
    .bjqs-caption div {display: table-cell; vertical-align: top; }   

    .slider_home .bx-wrapper {height: auto;padding-bottom: 50px}
    .bx-wrapper .bjqs-caption {position: relative;max-width: 100%;height: auto;}
    .slider_home .bx-wrapper .bx-pager .bx-pager-item {float: left; background-color: rgb(155, 156, 160);}
    .slider_home .bx-wrapper .bx-pager.bx-default-pager a {background-color: rgb(109, 110, 113);}
    .slider_home .bx-controls.bx-has-pager {width: 100%; bottom: 0; position: absolute; }
    .bjqs-caption h1 {text-align: center;}
    .bjqs-caption p {text-align: center;}
    
    /************************ Process for small screen *************************/
    .process_sm .panel:nth-child(1) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase; color: rgb(238, 56, 63);display: block;text-align: center; border-bottom:3px solid rgb(238, 56, 63); padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel h4 a:hover, .process_sm .panel h4 a:focus {text-decoration: none;} 
    .process_sm .panel:nth-child(2) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #73b91b;  color: #73b91b; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(3) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #73b91b;  color: #73b91b; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(4) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #277fc2;  color: #277fc2; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(5) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #277fc2;  color: #277fc2; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(6) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #e81187; color: #e81187; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(7) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #e81187; color: #e81187; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    .process_sm .panel:nth-child(8) h4 a {font-family: "Source Sans Pro"; font-size: 14px; font-weight: 600; text-transform: uppercase;display: block;text-align: center; border-bottom:3px solid #e81187; color: #e81187; padding-bottom: 8px; padding-left: 5px; outline:none; } 
    
    .panel-default > .panel-heading {background-color: #fff; } 
    .panel-default {border-color: #fff; } 
    .panel {box-shadow: none; } 
    .process_sm #accordion {border: 0px solid #dcddde; margin: 0 ; padding: 0; position: relative; width: auto; } 
    .process_sm #accordion h2 {font-weight: 600; font-size: 17px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin: 0 0 10px; padding: 0; } 
    .process_sm #accordion  p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin: 0; padding: 0; font-weight:normal; } 
    .process_sm {display:block; margin-top:15px;} 
    .box_line_process {display:none;} 
    #breadcrumbs-two a {  padding: 13px 18px 0;}
    .box_radio {    width: 818px;}
    .box_login2 .box1 {border:0px; width:100%;}
    .box_login2 .box2 {width:100%;border:0px; margin-bottom:20px; margin-left:10px;}
    .box_login_txt p {width: 95%;padding-right:5%;}  
    .menu_portofoliu ul {box-sizing: content-box;display:block;width: 240px; margin:0 auto; left: 0;    right: 0;}
    .menu_portofoliu ul li {clear:both;}  
    .box_empty_text {display: none; left:0; position: absolute; top: 20px; width: 150% } 
    .container_portofoliu .box_left:nth-child(even) {float:right;}
    .box_empty_text {display: none; left:0; position: absolute; top: 40px; width: 100% } 
    .box_empty_text h1 {font-size: 20px;}
    .menu_services ul {height: auto;}
   .tablet-sm { padding-top: 20px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .fadein {height: 160px; width: 160px; } 
    .fadein img {height: 160px; width: 160px; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {border:none;}
    .margin-bottom-md-60 {margin-bottom:60px;}   
    .box_game {margin-top: 220px;}

    /************************ Process *************************/
    #A {left: 40%; position: absolute; top: 5px; }
    #B {left: 44%; position: absolute; top: 0px; }
    #C {left: 48%; position: absolute; top: -1px; }
    #D {left: 52%; position: absolute; top: 0px; }
    #E {left: 56%; position: absolute; top: 2px; }
    #F {left: 60%; position: absolute; top: 8px; }
    #G {left: 64%; position: absolute; top: 15px; }
    #H {left: 68%; position: absolute; top: 27px; }
    .sun {top:3%;margin:0 auto;left:-40px; }
    .sun_red,.sun_green, .sun_green2, .sun_blue, .sun_blue2, .sun_pink, .sun_pink2, .sun_pink3 {top:3%;margin:0 auto;left:-40px; }

    /************************ Slider *************************/
    #slider{margin-top:40px;}     
    #slider-bottom-fade {margin: 0 auto; left: 0%; margin-left: 0px; position: relative; width: 100%; }     
    #slider-bottom-fade, #slider-bottom-fade img {width: 100%;} 

    /************************ Content *************************/  
    .text_black { margin-bottom: 10px;}     
    .text-right-md {text-align: right; } 
    .box_tablet {width: 460px; } 
    .text_tablet {margin: -20px auto 6px; position: relative; text-align: center; max-width: 700px; width: 100%; } 
    .tablet {height:500px;} 
    .box_process {display:block;}     
    #box_slider {margin-top: 75px;}

    /************************ Creation Process *************************/  
    .box_careers_box .text {margin-bottom:20px;}
    .box_process {background-image: url('../img/process_mobile.png'); background-repeat: no-repeat; background-position: 5px center; width: 171px; height: 1100px; margin: 80px auto 30px; position: relative; }
    #process a:hover, #process a:focus {text-decoration: none;outline: none;}
    .circle_red {border: 3px solid #ee383f; border-radius: 50%; height: 35px; left: 70px; position: absolute; top: -30px; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
    .circle_red .box {background: none repeat scroll 0 0 #ee383f; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_red:hover {background: #ee383f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .circle_red .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
    .A p {min-width:100px;margin: 1em 0px;color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 14px; text-align: center; line-height: 18px; }
    .position_a {position: absolute; top: -70px; left: 30px; }
    .position_b {position: absolute; top: 100px; left: 135px; }
    .position_c {left: 90px; position: absolute; top: 220px; }
    .position_d {left: 90px; position: absolute; top: 365px; }
    .position_e {left: 90px; position: absolute; top: 500px; }
    .position_f {left: -80px; position: absolute; top: 365px; }
    .position_g {position: absolute; left: 90px; top: 912px; }
    .position_s {position: absolute; left: 98px; top: 1062px; }
    .position_c1 {left: -80px; position: absolute; top: 100px; }
    .position_c2 {left: -80px; position: absolute; top: 215px; }
    .position_c3 {left: -80px; position: absolute; top: 500px; }
    .position_c4 {left: 90px; position: absolute; top: 805px; }
    .position_green1 {left: 115px; top: 150px; }
    .position_green2 {left: 70px; top: 265px; }
    .position_green3 {left: -15px; top: 150px; }
    .position_green4 {left: -15px; top: 265px; }
    .circle_green {border: 3px solid #73b91b; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
    .circle_green .box {background: none repeat scroll 0 0 #73b91b; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_green .box_check { border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_green .box_check:before {background-image: url('../img/sprites.png'); background-position: -53px -99px; width: 16px; height: 12px; content: "";position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
    .circle_green:hover .box_check {border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_green:hover {background: #73b91b; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .circle_green:hover .box_check:before {background-position: -36px -112px;}
    .circle_green .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
    .position_blue1 {left: 70px; top: 415px; }
    .position_blue2 {left: 70px; top: 552px; }
    .position_blue3 {left: -15px; top: 415px; }
    .position_blue4 {left: -15px; top: 552px; }
    .circle_blue {border: 3px solid #277fc2; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
    .circle_blue .box {background: none repeat scroll 0 0 #277fc2; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_blue .box_check { border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_blue .box_check:before {background-image: url('../img/sprites.png'); background-position: -36px -99px; width: 16px; height: 12px; content: "";position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
    .circle_blue:hover .box_check {border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_blue:hover .box_check:before {background-position: -36px -112px;}
    .circle_blue:hover {background: #277fc2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .circle_blue .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
    .circle_gray {border: 3px solid #e81187; border-radius: 50%; height: 35px; left: 69px; top: 815px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
    .circle_gray .box {background: none repeat scroll 0 0 #e81187; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_gray:hover {background: #e81187; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .circle_gray .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
    .position_pink1 {left: 69px; top: 915px; }
    .position_pink2 {left: 69px; top: 1065px; }
    .circle_pink {border: 3px solid #e81187; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
    .circle_pink .box {background: none repeat scroll 0 0 #e81187; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
    .circle_pink:hover {background: #e81187; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .circle_pink .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
    /*.ui-tooltip {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 0.5px solid #ccc !important; box-shadow: none !important; border-radius: 0px !important; padding: 3px 5px !important }
    */
    .ui-tooltip-content {font-size: 12px; }
    .ui-tooltip-logo {display: none !important; }
    .process_popup {padding: 25px 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
    .process_popup h1{font-weight: 600; font-size: 20px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0 25px }
    .process_popup p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0 25px; }
  
    .ui-tooltip-process .ui-tooltip-content h1 {font-weight: 600; font-size: 20px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0; }
    .ui-tooltip-process .ui-tooltip-content  p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0; }
    .ui-tooltip-process {border: 1px solid #d6d7db !important; max-width: 400px !important;padding: 40px 50px !important; border: 0.5px solid #ccc !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; }
    .box_complete_pages a {color: #939598; float: right; font-family: "Source Sans Pro"; font-size: 14px; padding-right: 23px; position: absolute; right: -8px; text-align: right; text-decoration: none; top: inherit;bottom:-35px; width: 230px; padding-right: 23px; }
    .box_complete_pages a:hover {color: #ee383f; }
    .box_complete_pages a:hover:after {background-position: -53px -122px; }
    .box_complete_pages a:after {background-image: url('../img/sprites.png'); background-position: -53px -112px;position: absolute; right: 0; top:0; bottom: 0; margin: auto 0; content: ""; width: 14px; height: 10px; }
    
    /************************ Footer *************************/   
    footer {min-width:320px; width: 100%; } 
    .box_right .social_buttons {text-align: right;} 
    .box_right .menu_footer {text-align: right;}   

    .select_portofoliu .btn {width: 302px;}
    .select_portofoliu div.dropdown-menu {width: 300px;}
    .box_det_right {width: 302px;margin-top: 15px;}
    .box_portofoliu_bottom .box_det_right {margin-top: -8px;}
    .box_detaliu .box_detaliu_text {max-width: 400px;}
    .sgn_up_nwesletter {margin-left: 0px;}
    ul.sm_box1 {width: 120px;}
    a#close_cookies {margin-top: 23px;}
    .mb90 {margin-bottom: 0px;}
} 

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

    .sdt_menu {border-top: 1px solid #e5e5e5; margin-top: 7px; padding-top: 20px;}
    .serv_categ .sdt_menu {border-top: 0px;margin-top: 0;padding-top: 0;}
	.map-show {display: none !important;}
    .map-hide {display: block;}
    #cssmenu > ul > li {height: 57px;}
    #cssmenu > ul {height: 57px;}
    #cssmenu > ul > li:last-child a {padding-top: 11px;padding-right: 0px;}
    #cssmenu > ul > li.active {height: 57px;}
    #cssmenu > ul > li.active > a {height: 57px;}
    #cssmenu > ul > li > a {padding: 10px 8px ; height: 57px;line-height: 25px;} 
    #cssmenu > ul > li:last-child {margin-left: 5px; padding-left: 5px; } 
    #cssmenu ul ul {top: 14px;width: 130px; margin-top: 43px;}
    #cssmenu ul ul ul {width: 220px;top: -43px;}
    #box_header {height: 150px;}
    .fadein {height: 150px; width: 150px; } 
    .fadein img {height: 150px; width: 150px; } 
    .tablet {height:370px;padding-top: 25px;} 
    .box_tablet {width: 340px; } 
    .text-center-sm {text-align: center;} 
    .col400 {width: 400px; margin:0 auto;}
    .col432 {padding-left:29px;width: 432px; margin:0 auto;float:none;display: block;box-sizing: content-box;}
    .col493 {padding-left:29px;width: 493px; margin:0 auto;float:none;display: block;box-sizing: content-box;}
    .no_float {float:none; display: block;}
    .box_careers_box a {width: 200px;    height: 130px;display: block; margin: 0 auto; } 
    .box_careers_box .text {display: block; float: none; margin: 0 auto 20px; position: relative; width: 196px; } 
    .box_careers_box #box1 {margin:0px;}
    .box_careers_box #box2 {margin:0px;}
    .box_careers_box #box3 {margin:0px;}
    .box_careers_box #box4 {margin:0px;}
    .mr-left32 {margin-left:32px;}
    .buttons .box_left{margin-left: 10px;}
    .buttons .box_right{margin-right: 10px;}
    .box_det_right {   padding-bottom: 35px;  margin-top: -25px; width:100%; max-width:715px;}
    .box_det_right .box_right {}
    .box_det_right .box_left  {float: right;}
    .prev_portofoliu, .next_portofoliu {width: 150px;}
    .prev_portofoliu a {float: left;}
    .nth_detaliu div:nth-child(1) .box_detaliu_text {  max-width: 715px;}
    .box_detaliu_text {  max-width: 715px;}
    .box_detaliu { margin-bottom: 25px;margin-top: 35px;}
    .nth_detaliu div:nth-child(3)  .box_detaliu_text{padding-top:0px;}
    #breadcrumbs-two li {display: block; clear: both;}
    #breadcrumbs-two {height:auto;}
    #breadcrumbs-two a {width: 200px}
    #breadcrumbs-two li {margin: 0px 0 10px 28px;}
    .box_radio {    width: 610px; margin:15px auto;}
    .amount_content .ml29 {margin-left:0px;}
    .margin_auto {margin:0 auto;}
    .margin_textarea_auto {margin:0 auto !important;}
    .box_textarea p {margin-bottom:15px;}
    .laptop .image {top: 26px;}
    .laptop .title {display: none;}
    .box_portofoliu {margin-left:0;margin-right:0px;width:335px;}
    .box_portofoliu .box_img img {max-width: 335px;}
    .box_portofoliu:hover .box_img_hov img {width: 335px;}
    .box_empty {width: 335px;margin-left:0;margin-right:0px;}    
    .box_empty_text {display: none; left:0; position: absolute; top: 40px; width: 100% } 
    .box_empty_text h1 {font-size: 26px;padding-left: 10px;}
    .box_empty_text h2 {font-size: 16px;padding-left: 10px;}
    .box_amount {width: 400px;}
    .box_amount .ui-slider-horizontal {width: 250px;}
    .box_feedback2 .amount_content {margin: 0 auto;    width: auto;padding-left: 0px;}
    .amount_content {margin: 0 auto;    width: 493px;padding-left: 29px;box-sizing: content-box;}
    .box_checkbox{margin: 0 auto 40px;    width: 400px;}
    .box_checkbox .checkbox {    display: block;}
    .box_width_input input {width: 400px !important;}
    .box_width_input textarea {width: 400px !important;}
    .box_width_input2 .ajax-file-upload {width: 400px !important;}
    .ui-tooltip-amount {min-width: 369px !important; }
    .value_website span {display:none;}
    .no_float_h1 {float:none;}
    .box600 .box_img {margin:0px;}
    .text_black {margin-top: 80px}
    .mb151 {margin-bottom:100px;}
    .box600 .box_left img {margin-bottom:20px;}
    .last_box_services {margin-bottom:30px;}
    .login, .logout {margin-right:8px; width: 45px; }
     ul.sm_box1, ul.sm_box2, ul.sm_box3{    clear: both; margin-bottom: 40px; margin: 0px auto 40px; position: relative; width: 200px; float: none; display: block;} 
     ul.sm_box4 {clear:both; margin: 0px auto; position: relative; width: 200px; float: none; display: block;} 
    .nth_detaliu div:nth-child(1) .box_detaliu_text {padding-top: 0px;}
     .nth_detaliu div:nth-child(3) .box_detaliu_text {padding-top: 10px;}
     .box_detaliu_text {padding-top: 10px;}
     .padding-top-sm-15 {padding-top:15px;}
     .box_portofoliu, .box_empty {height: 213px;}
     .mb143 {margin-bottom: 50px;}
     .box_portofoliu_bottom {padding-top: 50px;}
     .box_portofoliu_bottom .btn_start_proj2 {margin-top: -90px !important;}

    /************************ Process *************************/
    #A {left: 33%; position: absolute; top: 12px; }
    #B {left: 38.5%; position: absolute; top: 5px; }
    #C {left: 44%; position: absolute; top: 1px; }
    #D {left: 49.5%; position: absolute; top: 1px; }
    #E {left: 55%; position: absolute; top: 2px; }
    #F {left: 60.5%; position: absolute; top: 7px; }
    #G {left: 66%; position: absolute; top: 16px; }
    #H {left: 71.5%; position: absolute; top: 28px; }
    .sun {top:13%;margin:0 auto;left:-60px; background-size: 100%;width:280px;height:280px;}
    .text_sun {height:280px;}
    .sun_red,.sun_green, .sun_green2, .sun_blue, .sun_blue2, .sun_pink, .sun_pink2, .sun_pink3 {top:13%;margin:0 auto;left:-60px; background-size: 100%;width:280px;height:280px;}

    .laptop {height: 445px;}
    .laptop .image { max-width: 859px; width: 100%;position: relative;max-height: 469px;}
    .laptop .image img {max-width: 859px; width: 100%;position: relative;max-height: 469px;}
} 

@media screen and (max-width: 767px) {
    
    /************************ Header *************************/  
    .box_tel {width: 100%;}
    .box_tel a {margin-left: 0; width: 100%;text-align: center;}    
    .box_tel a span {width: 100%;display: block; padding: 5px 0}
    .cookies {padding-left: 0;padding-right: 100px;}
    .login, .logout {margin-right:0px; width: 45px; } 
    .col-xs .language {z-index:5;} 
    .col-xs .login {z-index:5;} 
    .navbar-toggle {border: 0 solid transparent; } 
    #box_header {height: 91px; } 
    .txt_menu {color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 16px; text-decoration: none; padding-top: 2px;display: block; margin: 0;} 
    .navbar-default .navbar-toggle .icon-bar { background:#ed1c24;height:3px;} 
    .navbar-toggle .icon-bar {width:20px; margin: 0 auto; } 
    .navbar-toggle {margin-bottom: 0; margin-top: 19px; } 
    #lang ul {    margin: 20px 0 0 -50px;}
    #cssmenu {width:100%;} 
    header .navbar-collapse.in {width:100%; background:#f6f6f6; overflow: hidden;    padding: 0 20px;   margin-left: -20px; box-sizing:content-box;} 
    #cssmenu > ul {width: 100%;}
    #cssmenu > ul > li {display:block;float:none;height:auto; margin-right: 0px;} 
    #cssmenu > ul > li.active {height:auto;padding:5px 0;} 
    #cssmenu > ul > li > a, #cssmenu > ul > li.active > a {padding:10px 0; height: auto; } 
    #cssmenu > ul > li:last-child { background:none;} 
    #cssmenu > ul > li:last-child a {padding-bottom: 5px;padding-top:0px;color: #58595b;text-align: left;font-family: "Source Sans Pro";    font-size: 17px;text-transform:none;} 
    #cssmenu > ul > li:last-child a:hover {color: rgb(238, 56, 63);} 
    /** #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin:0 auto;} **/
    #cssmenu ul ul {width: 100%;background: none repeat scroll 0 0 #fff; left: 0; margin-left: 0px; margin-right: 0px; margin-top: 0px; position: relative; top: 0px; display:none; } 
    #cssmenu .dropdown ul.active {   padding-left: 20px;background: none repeat scroll 0 0 transparent; display: block; height: auto;} 
    #cssmenu > ul > li > a {color: #58595b; text-align: left; outline: none; } 
    #cssmenu > ul > li {border-bottom:1px solid #dadada;}
    #cssmenu > ul > li > ul > li > a {background:#fff;color: #58595b; border-top:1px solid #dadada;padding:10px 0; margin-left: -20px;    text-indent: 30px;} 
    #cssmenu > ul > li > ul > li > a:hover {background: #fff;color:rgb(238, 56, 63);padding:10px 0;}
    #cssmenu .dropdown ul ul {display:none;} 
    #cssmenu ul ul li a {border-top: 1px solid #dadada; color: rgb(88, 89, 91); font-family: "Source Sans Pro"; font-size: 17px; padding: 0px; text-align: left; text-decoration: none; } 
    #cssmenu ul ul ul {margin-left: 0%; margin-right: -190%; top: 0px; } 
    #cssmenu ul ul li a {border-top: 0 solid #dadada; color: rgb(88, 89, 91); font-family: "Source Sans Pro"; font-size: 17px; padding: 5px 0; text-align: left; text-decoration: none; } 
    #cssmenu > ul > li:last-child {margin-left: 0; padding-bottom: 5px; padding-left: 1px; padding-top: 10px; } 
    
    /************************ Content *************************/  
    .box_apply {width:100%;max-width: 1200px; border: 1px solid #dcddde; margin-top: 36px;padding: 0 0px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .box_apply2 {padding: 0 0px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;max-width: 1200px; border: 1px solid #dcddde; padding-top: 14px; margin-top: -1px; padding-bottom: 76px; }
    .slider_home .bx-wrapper .bx-pager .bx-pager-item {width: 57px;}
    ol.bjqs-markers li a {border-bottom: 3px solid rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255); font-family: "Source Sans Pro"; font-size: 16px; font-weight: 600; margin: 0 15px 0 0 !important; padding: 5px 20px; text-decoration: none; } 
    .bjqs-caption {display: none;}
    .bx-wrapper .bjqs-caption { width: 400px; } 
    .fadein {margin:5px auto; height: 120px; width: 120px; } 
    .fadein img {height: 120px; width: 120px; } 
    .tablet {margin-top:0px;margin-left:0px;display: table;background-position: center center;} 
    .box_tablet {width:100%; padding: 0; display: table-cell;vertical-align:middle; } 
    .box_scroll_down {display:none;} .box_scroll_down2{display:none;} 
    .scroll_down2{display:none;} 
    .tablet-sm {margin-top:-40px;} 
    .box_blue {margin-top:0px;} 
    .box_complete_services a {float:none;} 
    .col-left-xs {height:100px;display:table;} 
    .col-left-xs .box_circle{float:right;} 
    .col-left-xs p {text-align: right;display:table-cell;vertical-align:middle;padding-right:40px;} 
    .col-right-xs {height:100px;display:table;} .col-right-xs {float:right;} 
    .col-right-xs .box_circle{float:left;} 
    .col-right-xs p {text-align: left;display:table-cell;vertical-align:middle;padding-left:40px;} 
    .box_blue {padding-bottom: 30px; padding-top: 30px; } 
    .box_blue .mt_75 {margin-top: 15px; } #slider {padding-bottom: 80px; } 
    .box_complete_services a {display: block; margin: 30px auto 0; position: relative; width:235px; } 
    .box_complete_services2 a {display: block; margin: 30px auto 0; position: absolute; width:145px;left:0;right:0; } 
    #slider .slider-ctrl > div { margin-top:0px;} 
    #slider .slider-ctrl #slider-prev {top:-3px;left:-20px;} 
    #slider .slider-ctrl #slider-next {top:-3px;right:0px;} 
    .col400 {margin:0 auto; width: 100%;max-width: 400px;}
    .box_right .tooltip_link {    padding: 6px 0 0 0px;    text-align: center;}
    .col432 {padding-left:0px;min-width: 260px; width:95%;max-width:432px; margin:0 auto;float:none;display: block;padding:0 3% 0 2%;text-align: center;}
    .colr432 {padding-left:0px;min-width: 260px; width:95%;max-width:432px; margin:0 auto;float:none;display: block;padding:0 3% 0 2%;text-align: center;box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
    .mts30{margin-top:-25px; margin-left: 29px;}
    .mtr30{ margin-right: 29px;}
    .mlst29 {margin-left:29px;}
    .tablet-sm {    padding-top: 0px;}
    .float_right_col493 .tooltip_link {    padding: 5px 0 0 0px;    text-align: center;}
    .col493 {padding-left:0px;min-width: 260px; width:95%;max-width:432px; margin:0 auto;float:none;display: block;padding:0 3% 0 2%;text-align: center;}
    .col432 iframe {width: 100%;max-width: 400px;}
    .col228 iframe {width: 228px; margin:0 auto;}
    .no_float {float:none; display: block;}
    .no_floatxs {float:none; display: block;}
    .captcha_input input {height:45px !important;width: 100% !important;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    form.apply_careers input { width:100%;height:28px; padding:0 0 0 15px;}
    .custom_select_apply {   position: relative;    width: 100%;}
    .custom_select_apply .btn {width: 100%;}
    form.apply_careers textarea {width: 100%;}
    .ajax-file-upload {width:100%; height:28px;}
    .custom_select_apply div.dropdown-menu {width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .box_captcha {width: 260px}
    .captcha_input {width: 128px;}
    .captcha {width: 129px;}  
    .captcha_refresh {right: 115px;}
    .btn_trimite input.trimite {width: 225px !important}
    .ui-tooltip-apply {min-width: 228px !important; max-width:228px !important;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .reveal-modal {width: 320px;}
    #newsletter h1 {margin: 10px 0 0 0px; clear: both; float: left; padding: 0 12px;}
    .input_popup {width: 280px;}
    .box_careers_box .text {display:block;clear:both;}
    .box_captcha3 {width: 300px !important;padding:0px !important;}
    .box_apply2 .box_captcha2 {width: 260px !important;padding:0px !important;}
    .box_apply2 .box_captcha2 .box_right {margin-top:10px;}
    .ui-tooltip-captcha {width:228px !important;}
    .margin_left_check {margin-left:-25px;} 
    .buttons .box_left{float:none;}
    .buttons .box_right{float:none;}
    .box_det_right {   padding-bottom: 35px;  margin-top: 20px; width: 100%;}
    .box_det_right .box_left {float: left;}
    .box_det_right .box_select_mb {float: none !important;margin: 0px auto !important;width: 258px; display: block;}
    .label {clear: both;  text-align: left;  display: block;}
    .box_radio { width: 100%;margin: 15px auto;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .amount_content .ml29 {margin-left:0px;}
    .amount_content textarea {margin:0 auto;}
    .laptop .image { max-width: 859px; width: 100%;position: relative;max-height: 469px;top: 15%;}
    .laptop .image img{ max-width: 859px; width: 100%;position: relative;max-height: 469px;}
    .laptop {height: 420px;margin-bottom: 40px;}
    .box_empty_text {display: none; left:0; position: absolute; top: 20px; width: 100% } 
    .box_empty_text h1 {font-size: 30px;}
    .container_portofoliu .box_left{ float:none;}
    .container_portofoliu .box_left:nth-child(even) {float:none;}
    .box_portofoliu {margin:25px auto 0;width: 370px;}
    .box_portofoliu:hover .box_img_hov img {width: 370px;}
    .box_empty {width: 370px;margin:25px auto 0}
    .ui-tooltip-amount {min-width: 198px !important; max-width: 198px !important; }
    .sgn_up_nwesletter { margin-left: 0px;}
    .box_amount {width: 100%;}
    .box_amount .ui-slider-horizontal {width: 225px;}
    .box_amount .box2 { margin-left: -12px;   margin-top: 10px;}
    .amount_content { padding-left:0;width: 100%; margin:0 auto;float:none;display: block;}
    .box_checkbox {width: 100%;}  
    .box_width_input textarea{width: 228px !important;}
    .value_website span { display: none;}
    .box_width_input2 .ajax-file-upload { width: 100% !important;}
    .menu_services ul li {display: block;}
    .menu_services ul li:first-child {   padding: 5px 16px 6px 23px;}
    .box_services {padding:0px 0 20px 0;min-height: 370px;}
    .calendar {height:26px;}
    .calendar:hover {height:26px;}
    #datepicker:focus + .calendar, #datepicker:hover+.calendar {height:26px;}
    #accordion { padding: 30px 10px;}
    .ui-accordion .ui-accordion-content {padding: 0 15px;}
    .map_footer {display: none;}
    .box_top  {display: none;}
    .box_bottom {display: none !important;}
    .site_map {display: none;}
    .mb151 {margin-bottom:100px; margin-top: 15px;}
    .mb75 {margin-bottom: 50px;}
    .box_apply2 {padding-bottom: 30px;}
    .text_core2 {margin-bottom: 0}
    .mb142 {margin-bottom: 0px;}
    .buttons {margin: 34px auto 0 ;}
    .btn_zalle {    margin: 24px auto 0;}
    .btn_contact {    margin: 0 auto 24px; width: 240px;}
    .btn_start_proj2 {    margin: 0 auto 24px; width: 240px;}
    .btn_contact a, .btn_zalle a, .btn_start_proj2 a {font-size: 16px;}
    .btn_zalle {width: 240px;}
    .mb97 {margin-bottom: 12px;}
    .box_portofoliu_bottom {margin-bottom: 0px;}
    .mb90 {margin-bottom: 0px;}
    .box_login2 {   margin: 34px auto 0;}
    .mb143 {margin-bottom: 50px;}
    .box_feedback2 .amount_content {    width: 94%;}
    .box_width_input input, .box_width_input textarea {width: 100% !important;}
    .box_portofoliu_bottom {padding-top:25px;}
    .box_portofoliu_bottom .btn_start_proj {  margin: 0px auto 20px;}
    .ml70 {margin:0;text-align: center;}
    .text_tablet {margin-bottom:20px;}
    .padding-top-xs-15 {padding-top:15px;}
    footer .info ul {width:100%;}
    .menu_services ul li {border:0px;}
    .menu_services ul li a:hover {text-decoration: none;}
    .box_start_proj span {display: block;padding:0px;text-align: left;}
    .box_start_proj h3, .box_start_proj p {text-align: left;}
    .box_start_proj p:last-of-type { margin: 20px 0px 0px;}
    .mt75 {margin-top:20px;}
    .services {padding-bottom: 22px}
    .margin_social {margin-right: 0px;padding-right: 0px !important;}
    .box_portofoliu, .box_empty {height: 235px;}
    .box_complete_services3 a {margin: 0 10px !important;}
    .devrama-slider .navigation {left: 95% !important;}
    #accordion_jo {padding: 49px 25px;}
    .tooltip_link a {text-align: left;}
    .select_portofoliu .btn {width: 260px;}
    .select_portofoliu div.dropdown-menu {width: 258px;}
    .box_portofoliu_bottom .btn_start_proj2 {margin-top: 0px !important;}
    .prev_portofoliu, .next_portofoliu {width: auto;}
    .box_detaliu .btn_start_proj2 {margin-left: 0px;}
    .slider_home .bx-controls-direction {max-width: 335px;}

    /************************ buttons login *************************/
    .btn_folder {width:70px;height:70px;background-size: 100%;}
    .btn_back {width:70px;height:70px;background-size: 100%;}
    .btn_docx {width:70px;height:70px;background-size: 100%;}
    .btn_xls {width:70px;height:70px;background-size: 100%;}
    .btn_image {width:70px;height:70px;background-size: 100%;}
    .btn_pdf {width:70px;height:70px;background-size: 100%;}
    .box_login2 .box1 .box_btn { height: 130px;width: 130px;margin-bottom: 10px;}
    .box_login2 .box1 .box_btn p { width: 130px;}

    /************************ Process *************************/
    .img_process {height: 600px;background-image: none;margin:0 auto;width:288px;padding-bottom: 0px;}
    #A {left: 0%; position: absolute; top: 9px; }
    #B {left: 13%; position: absolute; top: 3px; }
    #C {left: 26%; position: absolute; top: 0px; }
    #D {left: 39%; position: absolute; top: 1px; }
    #E {left: 52%; position: absolute; top: 2px; }
    #F {left: 65%; position: absolute; top: 8px; }
    #G {left: 78%; position: absolute; top: 15px; }
    #H {left: 91%; position: absolute; top: 27px; }
    .sun {top:55%;margin:0 auto;left:0px;right:0;}
    .sun_red,.sun_green, .sun_green2, .sun_blue, .sun_blue2, .sun_pink, .sun_pink2, .sun_pink3 {top:55%;margin:0 auto;left:0px;right:0;}

    /************************ Footer *************************/  
    .col-xs-24 .map_footer {margin:0 auto;} 
    .margin_social {display:block;} 
    .menu_footer {width: 100%;} 
    .map_footer{float: none;}
    .footer_shadow {height:auto; margin-top: 12px; padding-top: 0px;} 
    .social_buttons {padding-top: 10px}
    .site_map { top: -80px;}    
    .footer_shadow p  {text-align: center;} 
    .box_right .social_buttons {text-align: center;} 
    .box_left .menu_footer {text-align: center; }
    .line-xs{background-color:  #dadada;height:1px; width:100%;} 
    .box_right .menu_footer {text-align: center;} 
    a#close_cookies {margin-top: 0px;}
    #box_cookies p {padding-bottom: 0px;}
    .box_captcha3 {width: 260px !important;}
    .box_contact2 .box_captcha3 .tooltip_link {margin-top: -75px;}
    .box_contact2 .box_captcha3 { margin: 40px auto 10px;}
    .box_captcha2 .tooltip_link { margin-top: -93px;margin-right: 0px;}
    .box_complete_services3 {bottom: 30%;}

    .slider_home .bxslider_home li img {height: 180px;width: 100%;}
    .slider_home .bx-wrapper {width: 768px;max-width: 768px; margin: 0px auto 0px -384px;}

     /************************ Servicii *************************/  
    .sdt_arrow li { float: none;display: block;width: 100%;clear: both; }
    .sdt_arrow li a {display: inline-block;}
    .sdt_txt {padding: 45px 0 45px;}

    /************************ Process *************************/  
    .box_lprocess {display: none;}
    .menu_p {display: none !important;}
    .div_process, .box_flag_p {padding-left: 0px;}

} 

@media screen and (max-width: 520px) {
    .tablet {height:300px;} 
    .box_tablet {width:100%; padding: 0; } 
    .fadein {margin:5px auto; height: 80px; width: 80px; } 
    .fadein img {height: 80px; width: 80px; }  
    .laptop .image { max-width: 859px; width: 100%;position: relative;max-height: 469px;top: 20%;}
    .laptop .image img{ max-width: 859px; width: 100%;position: relative;max-height: 469px;}
    .laptop {height: 320px;margin-bottom: 160px;}
    .text_tablet {width:100%;}
    .box_complete_services3 {bottom: 30%;}
} 

@media screen and (max-width: 475px) {
    form.apply_careers input {width: 95%}
    .box_complete_services3 {bottom: 28%;}
    .bx-wrapper .bjqs-caption { width: 300px; } 
}

@media screen and (max-width: 410px) {
    .bjqs-caption {width:290px;} 
    .tablet {height:200px;} 
    .fadein {margin:2px auto; height: 65px; width: 65px; } 
    .fadein img {height: 65px; width: 65px; }     
    .box_log_228 {width:228px;margin:0 auto;}   
    .box_login2 .box2 {margin-left: 0px;}
    .laptop .image {top: 25%;}
    .laptop {height: 250px;}
    .box_portofoliu {width: 290px;height: 185px;}
    .box_portofoliu .box_img img {max-width: 290px;}
    .box_empty {width: 290px;}
    .box_portofoliu:hover .box_img_hov img {width: 290px;}
    .box_empty_text {display: none; left:0; position: absolute; top: 20px; width: 100% } 
    .box_empty_text h1 {font-size: 20px;}
    .text_tablet {margin-top:0px;}
    .box_complete_services3 {bottom: 26%;}

}

@media screen and (max-width: 360px) {
    .box_tablet {width:100%; padding: 0; } 
    .fadein {margin:2px auto; height: 65px; width: 65px; } 
    .fadein img {height: 65px; width: 65px; } 
    .laptop .image {top: 25%;}
    .col432 {padding-left:0px;width: 260px; margin:0 auto;float:none;display: block;}
    form.apply_careers input {width:228px; height:28px; padding:0 0 0 15px;}
    form.apply_careers textarea {width: 228px;}
    .custom_select_apply .btn {width: 228px;}
    .custom_select_apply div.dropdown-menu {width: 227px;}
    .col400 {width: 260px; margin:0 auto;}
    .box_radio { width: 228px;margin: 15px auto;}
    .col228select {width: 228px; margin:0 auto;}
    .amount_content { padding-left:0;width: 265px; margin:0 auto;float:none;display: block;}
    .box_amount {width: 228px;}
    .box_amount .ui-slider-horizontal {width: 180px;}
    .box_amount .box2 { margin-left: -12px;   margin-top: 15px;}
    .col493 {padding-left:0;width: 260px; margin:0 auto;float:none;display: block;}
    .box_checkbox {width: 228px;}
    .box_width_input input { width: 228px !important;}
    .box_width_input2 .ajax-file-upload { width: 228px !important;}
    .calendar {right:3px;}
    .ajax-file-upload {width:228px; height:28px;}
    .box_complete_services3 {bottom: 23%;}
}