.box1 {
    width: 265px;
}
.box2, .box3 {
    width: 225px;
}
.textbox4 {
    clear: left;
    width: 188px;
}
.box3 select {
    width: 198px;
}

@media only screen and (max-width:1200px) {
    header, .bodyarea, footer, .body-outer-wrapper{width:994px;}
    .twitter p, .twitter-head p{width:850px;}
    .logo{width:250px; padding-top:17px;}
    .logo img, .header_banner img{width:100%;}
    .header_banner{width:650px; overflow: hidden;}
    .header{height:114px;}
    .categories{padding-left:23px;}
    .programs{width:204px;}
    .programs.last ul li.sub:hover ul{right:-9px; left:auto;}
    .posts{width:230px;}
    .categories_list{width:175px; padding-left:30px;}
    .cloud{padding-left:30px; width:220px;}
    .form{padding-right:12px;}

    .affiliate_left, .leftblock{width:680px;}
    .listings, .rightblock{width:263px;}
    .alphabets ul li{padding:0 5px;}
    .siteinfo{padding:12px;}
    .contact{padding:12px;}
    .textbox2, .textarea2{width:96%; padding:5px 2%;}
    .recaptcha img{width:100%;}

    .steps{width:680px;}
    .step_one{width:312px;}
    .step_two{width:312px;}
    .step_three{width:654px; height:auto}
    .step_two_data label{width:50%; padding-bottom:8px;}
    .step_two_data{padding-top:22px;}
    .box1{padding-top:10px;}
    .box1 label{padding-bottom:3px;}
    .textbox3{clear:left; margin-bottom:10px; }
    .textarea3{height:156px}
    .box1 {
        width: 230px;
    }
    .box2, .box3 {
        width: 209px;
    }
    .box2{padding-left:12px; width:200px; padding-top:10px;}
    .box2 label{text-align:left; width:auto; padding-bottom:3px;}
    .box3{padding-left:12px; width:200px; padding-top:10px;}
    .box3 label{text-align:left; width:auto; padding-bottom:3px;}
    .textbox4{clear:left; width:188px}
    .box4{padding-top:8px;}
    .textbox5{width:642px;}
    .step_four{width:312px;}
    .step_five{width:312px;}
    .priceoption{padding:10px 10px 0px; width:245px;}
    .priceoption h2{font-size:22px;}
    .pricelist{padding:8px 10px;}
    .pricelist h3{font-size:16px;}
}

@media only screen and (max-width:1023px){
    header, .bodyarea, footer, .body-outer-wrapper{width:100%;}
    .logo{width:200px; padding-top:14px;}
    .header_banner{width:480px; overflow: hidden;}
    .header{height:93px;}
    .twitter p, .twitter-head p{width:600px;}
    .programs:nth-child(3n+0){ margin-right:0px;}
    .categories{padding-left:21px;}
    .programs, .last{margin-right:15px; margin-bottom:15px;}
    /*.programs.last ul li.sub:hover ul{left:-9px; right:auto}*/
    .programs ul li:nth-child(2n+0):hover ul{right:-9px; left:auto;}
    .categories{padding-right:21px;}
    .buttons a{width:220px;}
    .footer_tablet{width:100%; margin-bottom:10px; border-bottom:1px solid #353535}
    .categories_list{width:175px; padding-left:45px;}
    .cloud{padding-left:45px; width:220px;}
    .form{float:none; width:auto; padding-left:12px;}
    .form label{clear:left; width:100%}
    .textbox{padding:4px 1%; width:98%;}
    .textarea{padding:5px 1%; width:98%;}
    .buttons a{font-size:20px;}

    .affiliate_left{width:480px;}
    .listings{width:205px;}
    .alphabets ul li{padding:0 1px;}
    .list_button a{font-size:16px; letter-spacing:normal;}

    .leftblock{width:450px;}
    .rightblock{width:240px;}

    .steps{float:none; width:auto;}
    .step_one, .step_two, .step_four, .step_five{width:321px;}
    .step_three{width:auto;}
    .step_one_data select{width:200px;}
    .box4{float:none;}
    .textbox5{width:98%; padding:0 1%;}
    .priceoption{float:none; width:auto; margin-bottom:11px;}
}

@media only screen and (max-width:767px) {
    header, .bodyarea, footer, .body-outer-wrapper{width:460px;}
    .header{height:119px;}
    .twitter p, .twitter-head p{width:350px; padding-left:40px;}
    .logo{text-align:center; float:none; width:100%; padding-left:0px; padding-top:10px;}
    .logo img{width:auto;}
    .header_banner{display:none;}
    .navarea nav{float:none;}
    .responsive_menu{margin:10px auto 0; width:95%;}
    .navarea{height:auto;}
    .contact_data{text-align:center; float:right; width:100%; padding-bottom:2px;}
    .contact_data p{display:inline; float:none}
    .featured_list{width:216px;}
    .call{background:url(../images/call_icon.png) no-repeat left 6px;}
    .mail{background:url(../images/mail_icon.png) no-repeat left 10px;}
    .search_list{width:200px;}
    .dropdown dt{width:210px;}
    .dropdown dd ul{width:219px;}
    .programs{width:96%; padding:2%; float:none; margin-right:0px;}
    .programs.last ul li.sub:hover ul, .programs ul li:nth-child(2n+0):hover ul{left:146px; right:auto}
    .buttons a{width:198px; margin-bottom:11px;}
    .buttons{padding-bottom:21px;}
    .posts, .categories_list, .cloud{width:96%; padding:2% 2% 10px 2%; border-bottom:1px solid #353535}
    .postarea .lastborder{padding-bottom:8px;}
    .cloud{border:none;}

    .affiliate{padding-right:8px;}
    .affiliate_left{width:auto; float:none}
    .listings{width:205px;}
    .alphabets ul li{padding:0px;}
    .footer_number{padding-bottom:20px;}
    .otherlinks{float:none; padding-right:0px;}
    .listings{width:auto;}

    .leftblock{float:none; width:auto;}
    .rightblock{float:none; width:auto;}
    .titlearea{height:auto;}
    .titlearea h2{font-size:20px;}

    .step_one, .step_two, .step_four, .step_five{float:none; width:auto; margin-bottom:10px;}
    .step_three{margin-top:0px; float:none; margin-bottom:10px;}
    .step_four{height:auto; padding-bottom:15px;}
    .box1{float:none;}
    .textbox3, .textbox4, .textbox5{width:95.6%; padding:0 2%; float:none; height:22px; line-height:22px; margin-bottom:10px;}
    .textarea3{width:95.6%; padding:2%; float:none; margin-bottom:8px;}
    .box3 select{width:99.9%; float:none; height:22px; line-height:22px; margin-bottom:10px;}
    .box2, .box3{float:none; width:auto; padding-left:0px; padding-top:0px;}
    .box2 label, .box3 label{padding-bottom:5px;}
    .step_five{padding-bottom:0px;}
    .submit_listing{padding-top:4px;}
}

@media only screen and (max-width:479px) {
    header, .bodyarea, footer, .body-outer-wrapper{width:100%;}
    .top-banner {overflow: hidden;}
    .twitter p, .twitter-head p{width:200px;}
    .logo{width:80%; text-align:center; margin:auto; padding-bottom:8px;}
    .logo img{width:100%;}
    .header{height:auto;}
    .contact_data p{line-height:28px;}
    .contact_data{padding-top:8px; padding-bottom:8px;}
    .listing_slider{margin-left:34px; margin-right:34px;}
    .customNavigation{right:-34px;}
    .browse_category .title, .affiliate_programs .title{padding-left:0px; text-align:center; float:none}
    .searcharea{float:none; padding-right:0px;}
    .searcharea p{float:none; text-align:center; padding-top:5px;}
    .search_listing{float:none; margin:auto; width:216px; margin-bottom:5px;}
    .search_list{width:204px;}
    .dropdown{float:none; width:216px; margin:auto}
    .dropdown dt{width:205px;}
    .dropdown dd ul{width:214px;}
    .programs.last ul li.sub:hover ul, .programs ul li:nth-child(2n):hover ul{left:auto; right:0px;}
    .categories{padding:17px; padding-bottom:0px;}
    footer h2{font-size:20px; letter-spacing:0px;}

    .listings{width:auto;}
    .alphabets{padding:5px 0 12px 0;}
    .alphabets ul li{padding:0px 2px; line-height:24px;}
    .orderby{text-align:center; padding-top:10px;}
    .orderby p, .showing_number ul{float:none;}
    .orderby select{float:none; width:200px; text-align:center}
    .showing_number{text-align:center;}
    .showing_number p{float:none; padding-bottom:5px;}
    .showing_number ul li{display:inline-block; margin-left:0px; float:none}
    .list_button a, .list_button a:nth-child(2){float:none; width:100%; display:block; margin:0px; margin-bottom:5px; font-size:18px;}
    .list_button{padding-bottom:6px;}

    .details p img{margin-left:14px; float:none; margin-bottom:5px;}
    .rating{padding-bottom:5px; padding-top:5px;}
    .titlearea{height:auto; line-height:normal; padding:5px 0;}
    .titlearea h2{padding-left:10px;}

    .step_title{padding:8px 5px; line-height:22px; font-size:15px;}
    .step_one{height:auto; padding-bottom:5px;}
    .step_one_data p{padding-bottom:5px;}
    .category{float:none;}
    .step_one_data select{width:100%;}
    .step_two{height:auto; padding-bottom:5px;}
    .step_one_data, .step_two_data{padding-top:12px;}
    .step_four_data input{float:none; margin-bottom:10px;}
    .step_four{padding-bottom:0px;}
    .submit_listing input{margin:0px; width:100%;}
    .step_five_data .description{float:none; margin-right:0px; width:96%; padding:0 2%;}
}