/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1201px) {
    .side-bar .boxs{width:100%}
}
@media only screen and (max-width: 1200px) {
	.bx-wrapper .bx-viewport{ width: 72% !important;}
	.slider-section  .box:nth-last-child(2) { border-right: 0px;}
	.slider-section .recently-entries .bx-wrapper .bx-prev, .slider-section .recently-entries .bx-wrapper .bx-next{    top: 45%;}
    header .bottom .right .navbar-nav > li.dropdown {
        margin-right: 38px;
    }
    .active-contests .content .main-box .box h1 {
        border-right: 1px solid #e9eaeb;
    }
    .active-contests .content .main-box .box form > ul {
        border-right: 1px solid #f1f1f2;
        min-height: 190px;
    }
    .active-contests .content .main-box .box:last-child {
        border-right: 0px;
    }
    .active-contests .content .right .bottom .content .box {
        width: 100%;
    }
    footer .top .section-01 .col-md-6 ul {
        padding-bottom: 40px;
    }
    footer .top .section-01 .col-md-6 h1.last {
        padding-top: 0px;
    }
    footer .top .section-02 .col-md-6 {
        padding-bottom: 40px;
    }
    footer .bottom {
        padding: 40px 30px;
    }
    .select-contest-type .box{
        width: 47.5%;
    }
    .select-contest-type .links-green{
        margin-top: 50px;
    }
    .select-contest-type .links-black-main{
        float: right;
        padding-left: 0px;
        padding-right: 0px;
        width: 47.5%;
    }
    .select-contest-type .links-black{
        width: 100%;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
    }
	.winners .banner .text{
	    padding-left: 15px;
    }
    .winners .box, .recent-examples-name .box, .recent-examples-logo .box{
        width: 47.5% !important;
    }
	.winners .box-main .box:nth-child(3n+2){
        margin-right: 0 !important;
        margin-left: 33px !important;
    }
    .recent-examples-name .box:nth-child(3n+2), .recent-examples-logo .box:nth-child(3n+2){
        margin-right: 0 ;
        margin-left: 0 ;
    }
	.winners .box-main .box:nth-child(odd){
	margin-right: 0px;
        margin-left: 0px;
	}
    .recent-examples-name .box:nth-child(odd), .recent-examples-logo .box:nth-child(odd){
        margin-right: 5%;
        margin-left: 0px;
    }
    .recent-examples-name .blue.banner .text {
        padding-left: 26px;
    }
	.side-bar{margin:0px auto; float:none; clear:both; padding-top:50px;}
    .side-bar .boxs{width:48%; min-height:338px;}
    .side-bar .boxs .btn{margin-top:40px;}
	/***28_Jun_2016 start***/
	.slider-section .recently-entries .slide{
    width: 310px !important;
}

.slider-section .why-choose .content .box{
   display: block;
   width: 48.97%;
   float: left !important;
   margin-right: 20px;
    
}

.slider-section .why-choose .content .box:nth-child(even){
   margin-right: 0px;
}
.slider-section .why-choose .content .box:last-child{
   margin: 0px auto;
   float: none !important;
   clear: both;
}
.slider-section .featured-contents .slide{
    width: 310px !important;
}
.slider-section .featured-contents .slide ul li{
    width: 46.5%;
}

.slider-section .calculator .bottom .box:nth-last-child(2){
    border-right: 0px;
}
.slider-section .calculator .bottom .box:last-child{
    margin-top: 20px;
}
.slider-section .testimonials .slide{
    width: 627px !important;
    background: none;
    padding: 0px 77px;
}

.slider-section .testimonials .bx-wrapper .bx-viewport{
    height: 290px !important;
}

.slider-section header .banner .right .gogo-logo{left: 5%;}
.slider-section header .banner .right .squad-logo{top: 30px; right: 0;}
.slider-section header .banner .right .grrab-logo{left: 0px;}
.slider-section header .banner .right .davias-logo{right: 7%;}
/*  Why choose start */
.slider-section .team-member{
    display: block;
    width: 48.97%;
    float: left !important;
    margin-right: 20px;
}
.slider-section .team-member:nth-child(even) {
    margin-right: 0;
}
.slider-section .team-member:last-child {
    margin: 0px auto;
    float: none !important;
    clear: both;
}
/*  Why choose End */

	/***28_Jun_2016 end***/

}
@media only screen and (max-width: 1024px) {
    .rating-box .rating-icon{width:auto;}
    .rating-title{transform: translateX(241px);}
    .user-title{transform: translateX(-265px);}
    .entries-per-page .selection select{ background:url("../images/select_right.png") no-repeat scroll 250px 0}
	

}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
	   @-webkit-keyframes example {
    0%   {top:0px;}
    100%{top:-570px;}
    
}
/* Standard syntax */
@keyframes example {
    0%   {top:0px ;}
    100%{top:-570px;}   
}
}
@media only screen and (max-width: 992px) {
	.bx-wrapper .bx-viewport{     width: 92% !important;}
    header .bottom .right .navbar-nav {
        margin: 0px;
    }
    header .bottom .right .navbar-nav > li.dropdown {
        margin-right: 2px;
    }
    header .bottom .right .start-contest a {
        border: 2px solid #28d2d0;
        padding: 11px 13px;
    }
    header .bottom .right .navbar-nav > li > .dropdown-menu-01 > li > a {
        padding: 6px 8px;
    }
    header .bottom .right .navbar-nav > li.dropdown > a b {
        font-size: 12px;
    }
    header .bottom .right .start-contest {
        margin-left: 13px;
        padding: 10px 13px;
    }
    .page .grey h2 small {
        font-size: 23px;
    }
    .page .search .right .search {
        padding: 20px 28px;
    }
    .active-contests .content .main-box .box h1 {
        font-size: 14px;
    }
    .active-contests .content .left li label {
        font-size: 13px;
    }
    .active-contests .content .container .row > div {
        float: none !important;
        margin: 0px auto;
    }
    .active-contests .content .right .bottom .content .right .top .white .left {
        float: left !important;
    }
    .active-contests .content .right .bottom .content .right .top .white .right {
        float: right !important;
    }
    .active-contests .content .right .bottom .content .right .bottom {
        position: relative;
        margin-top: 0px;
        right: auto;
        bottom: auto;
        float: none !important;
        text-align: center;
    }
    .active-contests .content .right .bottom .content .right .bottom a i {
        margin-top: 8px;
    }
    .get-in-touch .question {
        float: none !important;
        text-align: center;
    }
    .get-in-touch .question .right {
        float: none !important;
    }
    .get-in-touch .button {
        text-align: center;
    }
    .get-in-touch .button a {
        float: none;
        display: inline-block;
        margin-top: 20px;
    }
    footer .bottom .left {
        float: none !important;
        clear: both;
        margin: 0px auto 0px auto;
        text-align: center;
    }
    footer .bottom .left img {
        float: none;  
        display: block;
        margin: 12px auto;
    }
    footer .bottom .left span {
        border-left: 0px;
        padding: 0px;
        margin: 15px 0 0 0;
    }
    footer .bottom {
        padding: 40px 0px;
    }
    footer .bottom .right {
        float: none !important;
        margin: 0px auto;
        text-align: center;
        width: 100%;
    }
    footer .bottom .right ul {
        float: none !important;
        padding: 0px;
    }
    footer .bottom .right li {
        float: none !important;
        display: inline-block;
        padding-right: 20px;
        padding-left: 0px;
    }
    footer .bottom .right li:last-child {
        padding-right: 0px;
    }
    footer .bottom .left span {
        margin: 0px auto;
        text-align: center;
        float: none;
        display: inline-block;
    }
	.active-contests .content .right .bottom .content .right .bottom {
        margin: 20px 0;
    }
    .blue.banner .right-button ul {
        float: left !important;
        margin-left: 26px;
        margin-top: 20px;
    }
    .narrow-select {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .narrow-select-in {
        margin: 0px auto;
    }
    .narrow-select-in .bottom .filter-main {
        float: left !important;
        margin-bottom: 0px !important;
    }
    .narrow-select-in .bottom .col-lg-3.col-md-3 {
        margin-bottom: 20px;
    }
    .narrow-select-in .bottom a.filter {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .winners .blue.banner .text {
        padding-left: 0px;
    }
    .recent-examples-name .blue.banner .text {
        padding-left: 0px;
    }
	.tabs-menu li a{padding:12px 6px;font-size:15px;}
    .tabs-menu li{margin-right:7px;}
    .s-checkbox{padding-left:20px;}
    .rating-box .rating-cont{display:block;}
    .rating-box .date-box{clear:both;}
    .rating-box .rating-icon{transform: translateY(65px) !important;}
    .rating-box .user-box, .rating-box .date-box{transform: translateY(-20px);}
    .entry-box .p-a, .entry-box .p-b, .entry-box .p-c{}
    .entry-box .p-c{margin:0px auto;  padding-top:10px;}
    .rating-box{padding-left:16%;}
    .entry-title, .rating-title{width:50%; float:left; text-align:center; transform: translateX(0px);}
	/***28_Jun_2016 start****/
	.slider-section header .banner li a{    margin-bottom: 20px;}
.slider-section header .banner .left { margin-top: 25px;}
.slider-section header .banner {  margin-top: 55px; padding-bottom: 55px;}
		/***28_Jun_2016 end****/
		/*  Why choose Start */
.slider-section .team-member{
    width: 48.65%;
}
/*  Why choose End */
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 990px) {
    .active-contests .content .right .bottom .content .right .bottom {
        margin: 20px 0;
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .page .grey h2 {
        text-align: center;
        padding-bottom: 20px;
    }
    .navbar-brand {
        height: auto !important;
    }
    .page .grey .right .left {
        float: left
    }
    .active-contests .content .right .bottom .content .right .bottom a i {
        margin-top: 15px;
    }
    .select-contest-type .grey .left h2{text-align: left;}
    .select-contest-type .grey .left p{text-align: left; padding-top: 0px;}
    .select-contest-type .progress-main{
        margin-top: 30px;
    }
    .select-contest-type .links-green{
        margin-top: 30px;
    }
    .select-contest-type .links-black{
        margin: 30px auto 0;
    }
	.winners .banner .text{
    	padding-left: 0px;
    }
    .winners .banner .right-button ul{
    	float: left;
    	margin-top: 20px;
    	margin-left: 30px;
    }
    .winners .narrow-select{
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    .winners .narrow-select-in{
    	margin: 0px auto;
    }
    .winners .narrow-select-in .bottom .filter-main{
    	float: left !important;
    	margin-bottom: 0px !important;
    }
    .winners .narrow-select-in .bottom .col-lg-3.col-md-3{
        margin-bottom: 20px;
    }
    .winners .narrow-select-in .bottom a.filter{
    	margin-top: 0px;
    	margin-bottom: 0px;
    }

}

/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
	/* button_section Start */
	header .top .logged-user li.message a i {margin-right: 5px !important;}
#btn_Section .become-a-freelancer,#btn_Section .start-a-contes {
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 67px !important;
    line-height: 20px !important;
}

.plan ul {min-height:auto;}
.slider-section .testimonials .bx-wrapper .bx-viewport { height: auto !important;}
.slider-section .recently-entries .slide{margin-bottom: 52px;}
.slider-section .recently-entries .slides-main {  float: none !important;}
.navbar-default .navbar-toggle .icon-bar { background-color: #455a89;}
.slider-section header .top .logged-user li.profile a i { color: #718888;}
header .bottom .right .navbar-nav > li > .dropdown-menu-01 > li > a:hover { background: #f3875d none repeat scroll 0 0; color: #fff !important;}
header .bottom .right .navbar-nav > li > .dropdown-menu-01 > li > a { padding: 0px 8px; border-top: none !important;}
header .bottom .right .navbar-nav > li.dropdown:last-child{    margin-top: -10px;}
/* button_section End */
.slider-section .testimonials .slide{width: 250px !important;padding: 0px;margin: 0px 44px;}
	.bx-wrapper .bx-viewport{     width: 47.9% !important}
.slider-section .featured-contents .bx-wrapper .bx-viewport {height: 370px !important;}
.timer_section .section-header h2 {text-align: center !important; float: none;}
.timer_section .sep {margin: 30px auto;text-align: center;}
.timer_section .section-header p {text-align: center;}
.top-header .login, .top-header .sign-up { display: none;}
header .bottom .right .navbar-nav > li > .dropdown-menu-01:before{display: none;}
header .bottom .right .navbar-nav > li.dropdown > a i {color: #b2b2b2 !important;}
.header-right {width: 100%;float: left;margin: 40px 0 auto;display:none !important;}
.hero-screen__wrapper{    height: 300px;}
/**28_Jun_2016 start***/
.show-logo{display: block !important;}
.hide-logo {display: none;}
header .bottom {  background: #fff;}
.slider-section header{    height: auto;}
.slider-section header .banner .left { margin: 0px auto; float: none !important; text-align: center;}
.slider-section header .banner h2, .slider-section header .banner span, .slider-section header .banner ul { float: none !important; display: inline-block;}
.slider-section header .banner ul {  clear: both; display: block;}
.slider-section header .banner li a {display: block;margin: 0px auto;}
.slider-section header .banner li a.start-contest {    margin: 0px auto 20px !important;}
.slider-section header .banner li a {width: 180px;  float: none !important;}
/**28_Jun_2016 end***/
/*  Why choose Start */
.slider-section .team-member{
    float: none !important;
    margin: 0px auto 20px;
    width: 80%;
}
.slider-section .team-member:nth-child(even) {
    margin: 0px auto 20px;
}
/*  Why choose End */
	/*add 24_Jun_2016 start*/
	header {
    height: 66px;
	}
	header .top {
    border: 0px;
    position: absolute;
	}
	/*add 24_Jun_2016 end*/
    header .bottom .right {
        float: left !important;
    }
    /*nav cros style code start*/
    
    ul.dropdown-menu-01 {
        position: relative;
    }/*24_Jun_2016 start*/
    /*header .bottom .right .navbar-toggle {
        float: left;
        margin-top: 20px;
        margin-right: 0px;
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }*//*24_Jun_2016 end*/
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: transparent !important;
    }
    .navbar-toggle .icon-bar:nth-of-type(2) {
        top: 0px;
    }
    .navbar-toggle .icon-bar {
        position: relative;
        transition: all 500ms ease-in-out;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #455a89;
    }
    header .bottom .left {
        position: relative;
        padding: 0px 0px;
        text-align: center;
    }/*Update 24_Jun_2016 start*/
    header .bottom .left a.logo {
        /*float: none !important;*/
		margin: 5px 0;
    }/*Comment 24_Jun_2016 end*/
    header .bottom .right {
        z-index: 5;
        float: left;
        position: absolute;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 30px;
        padding-right: 0px;
        top: 0px;
    }
    header .bottom .right .navbar-header {
        padding-left: 30px;
    }
    .openclose {
        background: #eee;
    }
    .openclose .navbar-collapse{
        background: #eee;
    }
    header .bottom .right .navbar {
        border: 0px;
    }
    header .bottom .right .navbar-nav > li.dropdown:first-child {
        border-top: 1px solid #dadada;
    }
    header .bottom .right .navbar-nav > li.dropdown {
        float: left;
        width: 100%;
        margin: 0px;
        border-bottom: 1px solid #dadada;
        padding: 0px;
    }
    header .bottom .right .navbar-nav > li.dropdown > a {
        width: 100%;
        font-size: 14px;
        color: #252525;
    }
    header .bottom .right .navbar-nav > li.dropdown a b {
        font-size: 15px;
        font-family: 'Raleway';
        float: left;
        padding: 15px 0;
        color: #252525;
        font-weight: 700;
        letter-spacing: .5px;
    }
    header .bottom .right .navbar-nav > li.dropdown > a i {
        float: right;
        padding: 15px 15px;
        font-size: 17px;
        border-left: 1px solid #dadada;
    }
    header .bottom .right .navbar-nav > li > .dropdown-menu-01 {
        -webkit-box-shadow: 0;
        box-shadow: 0;
        background: transparent;
        position: relative;
        border: none;
    }
    header .bottom .right .navbar-nav > li > .dropdown-menu-01 > li > a {
        background: transparent;
        padding-left: 30px;
        text-align: left;
        border-top: 1px solid #dadada;
    }
    header .bottom .right .navbar-nav > li.dropdown > a b {
        margin-left: 30px;
    }
    header .bottom .navbar .navbar-collapse ul.nav{
        background: #eee;
    }
    .dropdown-menu-01 {
        border: 0px;
        width: 100%;
        min-width: 100%;
    }
    .navbar-toggle .icon-bar {
        height: 2px;
        border-radius: 20px;
        width: 35px;
    }
    /*nav cros style code close*/
    
    .register-button {
        padding-top: 100px;
        width: 100%;
	    background: #eee;
    }
    .register-button ul {
        padding: 0px;
        margin: 0px;
    }
    .register-button ul li {
        width: 100%;
        float: left;
        text-align: left;
    }
    .register-button ul li.sign-up {
        background: #455a89;
    }
    .register-button ul li.login {
        background: #28d2d0;
    }
    .register-button ul li a {
        font-size: 14px;
        color: #fff;
        padding: 15px 30px;
        font-family: 'Raleway Bold';
        float: left;
        line-height: normal;
        width: 100%;
    }
    .register-button ul li a:hover {
        color: #fff !important;
    }
    .active-contests .content .main-box .box form > ul {
        min-height: auto;
    }/*update 24_Jun_2016*/
    .boxoverlayT {
        background-color: black; 
        float: left;
        height: 100%;
        /*opacity: 0.7;*/
        border-top: 110px solid #eee;
        position: fixed;
        width: 100%;
        z-index: 666666;
        display: none;
    }
    .openclose1 {
        z-index: 7777777 !important;
    }
    .select-contest-type .box{
        width: auto;
        margin-bottom: 50px;
    }
    .select-contest-type .links-black-main{
        width: auto;
        margin-bottom: 0px;
    }
    .select-contest-type .content .bottom{
        margin-top: 50px;
    }
    .select-contest-type .content .bottom .text{
        padding-bottom: 35px;
    }
     .search-filters {
        display: none;
    }
	.winners .banner .right-button ul{
    	margin-left: 80px;
    }
    .winners .container{
    	padding-left: 0px;
    	padding-right: 0px;
    }
    .winners .box, .recent-examples-name .box, .recent-examples-logo .box{
            margin: 50px auto 0px auto !important;
            width: 60%;
        }
        .recent-examples-name .container, .recent-examples-logo .container{
            padding-left: 0px;
            padding-right: 0px;
            width: 100%;
        }
        .recent-examples-name .narrow-select, .recent-examples-logo .narrow-select{
            padding-left: 0px;
            padding-right: 0px;
        }
        .recent-examples-name .row, .recent-examples-logo .row{
            margin-left: 0px;
            margin-right: 0px;
        }
        .recent-examples-name .narrow-select-in .bottom .col-lg-3.col-md-3, .recent-examples-logo .narrow-select-in .bottom .col-lg-3.col-md-3{
            padding-left: 0px;
            padding-right: 0px;
        }
        .winners .box-main .box:nth-child(3n+2), .recent-examples-name .box:nth-child(3n+2), .recent-examples-logo .box:nth-child(3n+2){
            margin-right: 0;
            margin-left: 0;
        }
        .winners .box-main .box:nth-child(odd), .recent-examples-name .box:nth-child(odd), .recent-examples-logo .box:nth-child(odd){
            margin-right: 0;
            margin-left: 0px;
        }
        .recent-examples-logo .box img{
            float: none;
            display: block;
        }
		header .bottom .left{text-align: left; padding-left:20px;}
        header .bottom .right{padding: 0px; top:85px; position: absolute;}
		header .top .logged-user li.profile > ul{}
		header .top .logged-user ul{}
		header .top .logged-user li.profile {
    padding: 10px 20px; /*update 26_Jun_2016*/
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc;
}
 header .top .logged-user li.profile a {
    display: table !important; 
    height: 40px;
    margin: 0px;
}

 header .top .logged-user li.profile a i {
    display: table-cell !important;
    vertical-align: middle;
}
 header .top .logged-user > ul .message {
    float: right !important;
    border: none;
    padding: 14px 5px;
}
 header .top .logged-user > ul > li {
    padding: 0px;
}
 header .top .logged-user > ul > li, header .top .logged-user > ul {
    border: 0px;
}
 header .top .logged-user > ul > li.message a i {
    font-size: 18px;
    line-height: 36px;
}
 header .top .logged-user li a {
    font-size: 16px;
}
header .bottom .right {
    float: left !important;
}
 ul.dropdown-menu {
    margin-bottom: 5px;
}
.after-login li .dropdown-menu {
    top: 59% !important;
}
 .logged-user {
    width: 240px;
}
 header .top .logged-user > ul {
    width: 100%;
}
 header .top .logged-user li img {
    width: 40px !important;
    height: 40px !important;
}
 .dropdown, .dropup {
    //position: absolute;
}
 .logged-user-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);;
    z-index: 66666;
    display: none;
}
.logged-user-list{
    margin-top: 110px;
    background: #2a2a2a;
    float: left;
    width: 100%;
    display: block !important;
}
.logged-user-main li{
    border-bottom: 1px solid #404040;
    width: 100%;
    float: left;
}
.logged-user-main li a{
    color: #fff;
    padding: 20px 15px;
    font-family: 'Lato Regular';
    font-size: 28px;
    width: 100%;
    float: left;
}
.logged-user-main li a:hover{color: #f18762;}
 header .top .logged-user li.profile.open{
    z-index: 9999999 !important;
    position: relative;
    border: 1px solid rgba(255,255,255,0) !important;
    background: #2a2a2a;
}
        .navbar-toggle{margin-top: -75px;margin-right: 5px;} /*update 24_Jun_2016*/
        .side-bar .boxs{width:80%; margin:0px auto 30px auto !important; float:none !important;}
        .entry-empty{padding-top:20px;}
        .entry-empty-left{display: inline-block;}

        .rating-box .rating-cont{display:block;}
        .rating-box .action_drop_down{position: absolute; right: 0; bottom: -7px;}
    .rating-box .date-box{clear:both;}
    .rating-box .rating-icon{transform: translateY(85px) !important;}
    .rating-box .user-box, .rating-box .date-box{transform: translateY(-20px);}
    .rating-box .date-box ul{float:left; margin-left:20px;}
}
@media only screen and (max-width: 668px) {
	.bx-wrapper .bx-viewport { width: 332px !important;}
	.slider-section .featured-contents .slides-main {float: none !important;}
	.slider-section .testimonials .bx-wrapper .bx-viewport {width: 332px !important; margin: 0px auto; padding: 0px;}
	.slider-section .testimonials-slide .slide {width: 302px !important; margin: 0px 15px 20px 15px;}
	.slides-main.pull-left.customer_slider { float: none !important;}
         .tabs-menu{height:50px;}
         .tabs-menu li{height:50px; line-height:20px;}
         .tabs-menu li a {padding: 12px 6px;font-size:15px;}
         .side-bar .boxs{width:100%;}
         .s-checkbox{padding:20px 0px 0px 0px;}
         .tab .narrow-select-in .bottom a.filter{margin-top:0px; padding-bottom:20px;}
         .rating .title-bar{display:none;}
         .entry-box{margin:0px auto; float:none; width:100%;}
         .rating-box{margin:0px auto; float:none; clear:both; padding-top:20px;}
         .pagination-box .selection{padding-top:20px;
    }
	.slider-section .we-do .box .head li a b {display: none;}
	.slider-section .we-do .box .head li.active .arrow{top: 84px;}
	.slider-section .we-do .box .head li a {padding: 75px 20px 8px;}
	/* button_section Start */
div#btn_Section {
    width: 100%;
    height: auto; 
}
div#btn_Section>div:nth-child(1) {
    width: 100%;
    float: left;
}
div#btn_Section .align-center.mar-top25.mar-bot25.or_text {
    width: 100%;
}
div#btn_Section>div:nth-child(3) {
    width: 100%;
}
/* button_section End */
	
}
@media only screen and (max-width: 480px) {
	.slider-section .recently-entries .tabs li {margin-right: 5px;}
	.slider-section .recently-entries .tabs li a {padding: 10px 15px;}
	header .top .logged-user li.profile {padding: 10px 15px;}
	header .bottom .left a.logo {width: 100%;}
	header .top .logged-user > ul .message{    padding: 10px 10px;}
	img.show-logo {width: 70%;}
	.logged-user { width: 225px;}
        footer .bottom .left {
            width: 100%;
        }
        .blue.banner .icon, .blue.banner .text {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            margin: 0px auto;
            float: none !important;
            clear: both;
            text-align: center;
        }
        .blue.banner .icon i {
            float: none !important;
            text-align: center;
            margin-bottom: 25px;
        }
        .blue.banner .right-button ul {
            margin-left: 0px;
            margin: 0px auto;
            width: 100%;
        }
        .blue.banner .right-button li {
            float: none;
            clear: both;
            margin: 20px auto;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
        }
        .blue.banner .right-button li:last-child {
            margin: 0px auto;
        }
        .winners .box, .recent-examples-name .box, .recent-examples-logo .box {
            width: 100% !important;
        }
        .winners .blue.banner .right-button ul {
            margin-left: 0px;
        }
		.tabs-menu{height: 32px;}
        .tabs-menu li {height: 32px;line-height: 15px; margin-right:2px;}
        .tabs-menu li.current{height:32px;}
        .tabs-menu li a {font-size: 14px; padding: 12px;}
        .scale-graph{padding: 20px 5.5% 50px 16%;}
        .scale-markers{left:13.4%;}
        .scale-value{margin-left: -19px;}
        .entries-submit{margin:0px 37px 0px;}
        .entries-submit li:first-child{padding-bottom:10px;}
        .entries-submit{padding:20px 0px;}
        .tab-content{padding:0px 20px;}
        a.filter{ font-size:14px;}
        footer .top .section-02 h1{ font-size:28px; line-height:35px;}
        footer .top .section-01 h1{ padding-bottom:14px;}

        footer .bottom .left span{ width:100%;}
		.slider-section  .we-do .box .head li.active .arrow { left: 20%;}
		
    }
	@media only screen and (max-width:400px) {
	.hero-screen__wrapper {width: 265px !important;}
	.hero-screen__wrapper {height: 220px;}
	.hero-screen__img{    height: 126px !important;}
	.hero-screen__img img.animation {
    /* Chrome, Safari, Opera */
	-webkit-animation-name: example;
	-webkit-animation-duration: 5s;
   /* Standard syntax */
	animation-name: example;
	animation-duration: 5s;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
		0%   {top:00px;}
		100%{top:-410%;}
	}
	/* Standard syntax */
	@keyframes example {
		0%   {top:-00px;}
		100%{top:-410px;}  
	}
	}
	@media only screen and (max-width:320px) {
        .side-bar .boxs{width:100%;}
        .tabs-menu li a{font-size:10px; padding:6px;}
        .tab-content .users li:hover{padding-left:10px !important;}
        .tab-content .users .left{padding-right:10px;}
        .tab-message .comments li{padding-bottom:5px !important;}
        .entr-logo-btm p{width:80%;}

        .active-contests .content .right .top ul li a span{ font-size:14px;}
        .active-contests .content .right .top ul li a{ padding:7px 9px;}
        .active-contests .content .right .bottom .heading h1{ font-size:19px; margin-top:2px;}

        .get-in-touch .question .right h1{ font-size:37px;}
        .get-in-touch .question .right p{ font-size:23px;}
}

/* Custom, iPhone Retina */