.site .container{
width: 1200px;
}

/* Large desktops and laptops */
@media (max-width: 1560px) {
.popup_cont{
width: 100%;
}
}


/* Large desktops and laptops */
@media (max-width: 1280px) {
.site .container {
width: 1180px;
padding-right: 0px;
padding-left: 0px;
}
}

/* Large desktops and laptops */
@media (max-width: 1200px) {
.site .container {
width: 1000px;
}
.git {
display: none;
}
.welcome {
width: 46%;
}
.remain {
margin-left: 11%;
}
.footer .logo_name {
margin-left: 0%;
}
/*html{
overflow-x:hidden;
}*/
.logo_pos2 {
width: 190px;
margin-left: 0px;
}
#box{
width: 45%;
}
#rec_size {
width: 45%;
height: 300px;
}
.first_rect:last-child  #rec_size:last-child {
width: 92%;
}
.rr {
width: 90%;
}
.circle {
margin-left: 8px;
}
.f_name, .con_addr, .cur_emp, .skill, .adrs{
padding-right: 60px;
}
.resume{
float: left !important;
margin-left: 25px;
}
}


/* Portrait tablets and medium desktops */
@media (max-width: 1024px) {
.resume.browse {
width: 60%;
}
.f_name, .l_name, .emp_id, .ctct, .curr_sal, .exp_sal, .hq, .con_addr, .cur_emp, .skill, .adrs, .input-group, .resume{
margin: 0px auto;
float:none;
}
.resume{
float: left !important;
margin-left: 25px;
}
.l_name, .emp_id{
padding-right: 60px;
padding-left: 25px;
}
.pop_txt{
clear: both;
}
.first_pic {
width: 100%;
}
.menu {
float: left;
position: absolute;
right: 2px;
width: 90%;
top: 0px;
}

.navbar-nav {
float: right;
margin: 0;
}

ul.navbar-nav li {
padding-left: 20px;
}
.intro {
height: auto;
}
#rec_size {
width: 45%;
height: 300px;
}
.first_rect:last-child  #rec_size:last-child {
width: 92%;
height: 200px;
}
.f_name, .l_name, .con_addr, .emp_id, .ctct,.cur_emp,.curr_sal,.skill,.exp_sal,.hq,.adrs{
padding: 0px;
width: 93%;
margin: 0px auto;
}
}


/* Portrait tablets and medium desktops */
@media (max-width: 992px) {
.site .container {
width: 96%;
}
.c_name {
margin-left: 0px;
margin-top: 25px;
}

.git_large {
padding: 10px 25px 10px 25px;
font-size: 24px;
}
.left_git {
margin-left: 0px;
}
ul.lists {
margin-top: -70px;
}
.git{
margin-top: -41px;
}
.cloud {
display:none;
}
.welcome {
width: 90%;
margin-left: 0px;
}
.remain {
margin-left: 50px;
width: 65%;
}
.submitt_res {
padding: 9px 7px 9px 7px;
font-size: 17;
}
.intro {
height: auto;
}
.navbar-nav {
margin-left: 50;
}
.circle {
margin-left: 30px;
padding-bottom: 30px;
}
.rr {
width: 75%;
}
}

/* Portrait tablets and small desktops */
@media (max-width: 850px) {
.rem_content_2, .rem_content_3{
margin-left: 40px;
}
input[type="text"] {
width: 86%;
}
.name_bg, .mail_bg ,.emsg_bg{
width: 100%;
}
.right_contact {
width: 54%;
}
.ebut{
padding: 5px 15px 5px 5px;
}
ul.navbar-nav li {
padding-left: 10px;
}
.rr {
width: 300px;
}
.arr_bg, .r_arrow>ol>li, .o_arrow>ol>li{
height:auto;
}
.popup_txt{
width: 100%;
}
.input-group{
width:100 !important%
}
}


/* Portrait tablets and small desktops */
@media (max-width: 768px) {
.site .container {
width: 100%;
}
.c_name {
margin: 0px auto;
margin-top:20px;
}
.welcome {
margin: 0px auto;
margin-bottom:20px;
}
ul.lists {
margin-top: -71px;
}
.fifth_dv, #gry_clr{
  height:auto !important;
}
#rec_size {
width: 95% !important;
margin-bottom: 20px;
height: auto;
padding-bottom: 20px;
}
 .submitt_res {
font-size: 16px;
width: 29%;
} 
 .left_git {
margin-left: 20px;
width: 95%;
}
 .right_contact {
float: left;
width: 95%;
margin-left: 20px;
}
.git {
padding: 0px 0px 0px 0px;
margin-top: -30px;
}
 .git_title {
font-size: 30px;
padding-bottom: 35px;
}
 .cent_title {
font-size: 30px;
}
 input[type="text"], textarea {
width: 80% !important;
}
 .name_bg, .mail_bg, .emsg_bg  {
width: 95%;
}
.ecc {
display: none;
}
.rem_content_2 {
display: none;
}
.rem_content_1 {
display: none;
}
.remain {
width: 50%;
float: right;
}
.logo_pos {
float: none !important;
padding-left: 0px; 
margin: 0px auto !important;
}
.weblogic_pic {
margin-left: 36px;
}
.logo_name {
text-align: center;
}
.logo_name2 {
width: auto;
text-align: center;
}
.logo_pos2 {
width: 202px;
margin-left: 0px;
float: none !important;
padding-left: 0px;
margin: 0px auto !important;
}
.linux_pic, .apache_pic{
margin-left: 37px;
}
.logo_name2 {
width: auto !important;
text-align: center;
margin-left: 0px !important;
}
ul.navbar-nav li {
padding-left: 10px;
padding-top: 10px;
width: 20% !important;
padding-bottom: 10px;
}
.first_rect:last-child #rec_size:last-child {
height: auto;
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.site .container {
width: 95%;
}
.cmpy_name {
font-size: 25px;
}
.expansion {
font-size: 18px;
}
.creat{
font-size: 18px;
}
.cloud {
display:none;
}
.bg_imag{
height:auto;
}
#box {
height: auto;
width: 95%;
margin-bottom: 20px;
padding-bottom: 10px;
margin-left: 0px;
}
.menu {
float: left;
position: absolute;
right: 2px;
width: 100%;
top: 20px;
}
.logo {
height: 65px;
background-size: contain;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background-color: #f8f8f8;
border-bottom: 2px solid #4130E4 !important;
}
ul.navbar-nav li {
padding-left: 10px;
padding-top: 10px;
width: 100%;
padding-bottom: 10px;
}
ul.navbar-nav li:hover{
background:#EAEAEA;
}
body {
padding-right: 0px !important;
padding-left: 0px !important;
}
.rr {
width: 300px;
}
.navbar-nav {
float: left;
}
.box_inner {
width: 95%;
}
.headings {
font-size: 18px;
}

.f_name, .l_name, .con_addr, .emp_id, .ctct, .cur_emp, .curr_sal, .skill, .hq, .exp_sal, .adrs{
padding: 0px;
width: 93%;
margin: 0px auto;
}
.resume{
float: left !important;
margin-left: 25px;
}
.input-group{
width: 100% !important;
}
}
/* Landscape phones and smaller */
@media (max-width: 600px) {
.headings {
font-size: 18px;
}
div#popUpDiv {
padding-left: 10px;
left: 3%;
width: 83%;
top: 8%;
}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.site .container {
width: 95%;
}
div#popUpDiv {
padding-left: 10px;
left: 3%;
width: 83%;
top: 8%;
}
.rem_content_3 {
margin-left: 9px;
margin-top: 20px;
}
.box_inner {
width: 95%;
}
.cir_name {
margin-left: 0px !important;
text-align: center;
}
.welcome, .c_name{
width: 96%;
}
.git_large {
padding: 0;
font-size: 14px;
}
.rem_content_1, .rem_content_2, .ecc {
display:none;
}
.rem_title{
border-bottom: 1px solid #fff;
}
.remain{
width: 210px;
}
.rem_content3{
width: 144px;
margin-left: 30px;
}
.ebut {
padding: 0px 5px 0px 5px;
font-size: 17px;
}
.right_contact {
margin-top: 23px;
width: 85%;
}
.footer .logo_name {
margin-left: 0%;
padding-top: 0px !important;
width: 100%;
margin-bottom: 20px;
}

.footer .logo {
margin-top: -10px;
background: none !important;
}
.sm {
display: none !important;
}
.pr {
display: none !important;
}
.remain {
display: none !important
}
.last_div {
padding-bottom: 0px;
}
.arr_bg {
height: auto;
}
.r_arrow>ol>li , .b_arrow>ol>li, .o_arrow>ol>li{
height: auto;
}
.circle {
margin-left: 0px;
}
#rec_size {
height: auto !important;
padding-bottom: 10px;
padding-right: 15px;
width: 87% !important;
}
.st, .et {
width: 80%;
padding: 10px;
}
.bet, .ost {
margin-left: 0px;
width: 100%;
line-height: 28px;
margin-bottom: 7px;
}

.logo_pos {
float: none !important;
padding-left: 0px; 
margin: 0px auto !important;
}
.weblogic_pic {
margin-left: 36px;
}
.logo_name {
text-align: center;
}
.logo_name2 {
width: auto;
text-align: center;
}
.logo_pos2 {
width: 202px;
margin-left: 0px;
float: none !important;
padding-left: 0px;
margin: 0px auto !important;
}
.linux_pic, .apache_pic{
margin-left: 37px;
}
.logo_name2 {
width: auto !important;
text-align: center;
margin-left: 0px !important;
}
.cmpy_name {
font-size: 24px;
}
.creat {
font-size: 17px;
margin: 0px;
}
.wt, .bl {
font-size: 15px;
}
.expansion {
font-size: 16px;
}
.name_bg, .mail_bg, .emsg_bg {
width: 86%;
}
.git_title {
font-size: 25px;
padding-bottom: 0px;
}
ul.navbar-nav li {
width: 40% !important;
}
.navbar-collapse.in {
max-height:200px;
}
.submitt_res {
font-size: 14px;
width: 44%;
}
.headings {
font-size: 18px;
}
div#popUpDiv {
padding-left: 10px;
left: 3%;
width: 83%;
top: 8%;
}
.label.error{
font-size: 12px;
left: 93px;
}
}

/* Phones and Smaller Screen Devices */
@media (max-width: 320px) {
.site .container {
width: 89%;
}
.rem_content>span {
margin-left: 31px;
}
.remain {
margin-left: 1%;
}
.box_inner {
width: 220px;
}
.cmpy_name {
font-size: 18px;
}
.expansion {
font-size: 13px;
}
.tbcareer{
width:70%
}
.f_name, .l_name{
padding: 0px;
width: 93%;
margin: 0px auto;
}
.forms .name_bg{
width: 91%;
}

}

/* iPhone 4 */
@media (max-height: 240px) {
.navbar-collapse {
max-height: 130px !important;
}
}