@media screen and (max-width:1200px){
	.container{width:100%; float:left;}
    
}	
@media screen and (max-width:1179px){
	.boxlogin{width:70%}
		.affix{width:23%}
}

@media screen and (max-width:1138px){
    .call{width:32%; float:right}
	.line{width:32%}
}

@media screen and (max-width:1119px){
	.btn{padding: 6px 3px}
	.noti a{    padding: 10px 10px;}
}
@media screen and (max-width:1054px){
	.boxform{width:80%}

}
	
@media screen and (max-width:1050px){
	.fb h1{font-size:30px; margin:0px; padding:10px;}
	.btn{padding: 6px 0px;font-size:12px}
	.line{display:none;}
	.followus, .call{width:50%}
	.noti{padding-top:5px; padding-bottom:5px;}
}



@media screen and (max-width:991px){
	.logo12{width:28%}
	.affix{width:30%}
}
@media screen and (max-width:990px){
	.boxlogin{width:80%}
	.fb1 a.btn.btn-primary{width:54%}
	.fb2 a.btn.btn-danger{width:54%}
}

@media screen and (max-width:900px){
	.boxlogin{width:90%}
}
@media screen and (max-width:991px){
	.logo12{width:24%}
}
@media screen and (max-width:907px){
	.logo12{width:20%}
	.shree{width:80%}
		.browse{float:none}
}


@media screen and (max-width:896px){
	.browse ul li{font-size:15px}
	.shree h2 {font-size: 25px}
	
	
}

@media screen and (max-width:882px){
	
	.carousel-control{width:6%}
}
@media screen and (max-width:878px){
	.line{width:26%}
	
}

@media screen and (max-width:850px){
	.browse{float:right}
	.logo12{width:27%}
	.shree{width:73%}
}


@media screen and (max-width:808px){
	.shree h2{font-size:20px}
	.noti i{padding:10px 0;}
	
	
}
@media screen and (max-width:797px){
	.boxlogin {width: 100%}
    
}
@media screen and (max-width:793px){
	.boxform {width: 100%}
    
}


@media screen and (max-width:785px){
	
.logo{padding:10px 0;}
	.carousel-control{width:3%}
}

@media screen and (max-width:767px){
	.banner-inner{float:left;width:100%;height:auto; }
	.box{position:relative;float:left;margin-top:20px;margin-bottom:20px;margin-left: 0; width: 90%;left: 5%;top:0}
   .fb2 a.btn.btn-danger{width:70%}
   .fb1 a.btn.btn-primary{width:70%}
   .shree{width:54%}
    .logo12{width:23%}
	.box4{position:relative;width:100%;bottom:52px}
	.shree p{font-size:14px}
	.browse ul li{line-height: 23px}
	.form-group.exp{width:100%}
	.btn{    padding: 7px 17px}
	.box3{margin-top:20px;width:37%;left:50%;margin-left:-18.5%}
	.pice{margin-top:20px}
	.fb h1{margin-top:0}
	.noti {padding-top: 17px;}
	.footer{margin-top:17px}
	.inp{width:50%}
	.inpu{width:50%}
	.select1{width:50%}
	.inpt{width:50%}
	.input4{width:24%}
	.input7{width:44%}
	.eos-menu {float:left;width:100%}
	.eos-menu{position:relative;}
	.col-sm-3, .col-md-3,  .col-sm-4, .col-md-4, .col-sm-8, .col-md-8,  .col-sm-9, .col-md-9 {float:left;width:100%;}
	.affix{display:none;}
}


@media screen and (max-width:756px){
	.line{display:none}
	.call{width:60%}
	.followus{width:40%}
}

@media screen and (max-width:740px){
	.box3{width:37%}
}
@media screen and (max-width:721px){
	.shree{width:50%}
	.bannerlogin{padding-bottom:100px}
	.container2{margin-top:0px;}
}

@media screen and (max-width:720px){
	.boxlogin{display:block}
	.loginimg{float:left;width:100%}
	
	.footer{margin-top:20px}
	.boxloginform{float:left;width:100%}
	.in{width:100%}
	.ad1{width:100%}
	.acc h3{width:30%}
	.acc1{padding-top:18px}
	.find ul{text-align:center}
	.fa{float:none}
	.fb1 a.btn.btn-primary{width:30%}
	.fb2 a.btn.btn-danger{width:30%}
	.login, .login3, .login0{display:flex;}
}


@media screen and (max-width:678px){
	.edit ul li span{    padding-left: 4px}
}
@media screen and (max-width:675px){
	.box3{width:40%}
}
@media screen and (max-width:671px){
	.edit ul li{width:50%}
	.profilelast{width:60%}
	.profilelast1{width:40%;font-size:12px}
}
@media screen and (max-width:662px){
	.logo12{width:18%}
	.shree{width:52%}
	.acc h3{width:40%}
}
@media screen and (max-width:656px){
	.boxform{width:100%}
	.message{margin-left: 216px}
	.register{width:100%;margin-left:0px}
}

@media screen and (max-width:640px){
	.input{width:100%}
	.select{width:100%}
	label{width:100%}
	.input3{width:49%}
	.message{margin-left:1%}
}

@media screen and (max-width:639px){
    .shree{width:52%}
	.logo12{width:20%}
}
@media screen and (max-width:642px){
	.fb1 a.btn.btn-primary{width:40%}
	.fb2 a.btn.btn-danger{width:40%}
	
}


@media screen and (max-width:626px){
	
	
	.browse{float:none;width:70%}
	.box3{width:45%;margin-left:-65px}
	.shree{float:none;width:70%}
	.logo12{float:none}
	
}
@media screen and (max-width:600px){
	.inp{width:82%}
	.inpu{width:82%}
	.select1{width:82%}
	.inpt{width:81%}
	.input4{width:40%}
	.input7{width:73%}
	.input6{width:6%}
}

@media screen and (max-width:595px){
	.logo{width:20%}
	
	i.fa.fa-phone {    float: left;    padding:0;}
	.followus{width:100%}
	.call{padding-top:5px;}

.noti.after-login{position:absolute; top:61px; right:10px; width:30%}
.noti{width:30%;}
	.call{width:100%}
	.logo img{max-width:100%}
	.fb{width:60%;}
		.fb{width:50%;}
	.fb h1{font-size:26px;}
}
@media screen and (max-width:590px){
	.edit ul li{width:70%}
	.update a{width:130px}
}

@media screen and (max-width:580px){
	.addd label{width:100%}
	.inp{width:100%}
	.inpu{width:100%}
	.select1{width:100%}
	.inpt{width:100%}
	.input4{width:40%}
	.input7{width:92%}
	.input6{width:7%}
	.adddr label{width:100%}
	.addres label{width:100%}
	.input4{width:49%}
	.messa{margin-left:1%}
}

@media screen and (max-width:560px){
	.box3{width:50%;margin-left:-90px}
	.registeral, .registerac, .registerar{width:100%; float:left; text-align:left;}
	
	.noti i{padding:10px 0}
	.profile{margin-left:6px;}
.fb h1{font-size:22px;}
	
	
}
@media screen and (max-width:530px){
	.profile1{width:12%}
	.update a{width:110px;font-size:10px}
}
@media screen and (max-width:526px){
	
	
	.call a{width:110px;}
	.box3{width:55%;margin-left:-80px}
	.message{margin-left:176px}
	
}

@media screen and (max-width:521px){
	.acc h3{width:46%}
}
@media screen and (max-width:506px){
	.fb1 a.btn.btn-primary{width:50%}
	.fb2 a.btn.btn-danger{width:50%}
	
	.bannerlogin{padding-bottom:100px}
	.container2{margin-top:-2px}
}
@media screen and (max-width:499px){
	.input{width:100%}
	.select{width:100%}
	label{width:100%}
	.input1{width:10%}
	.input2{width:89%}
	.input3{width:49%}
	.message{margin-left:9px}
}

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

.noti a {
    padding: 10px 8px;
}
}


@media screen and (max-width:480px){
	.followus{display:none}
	.call{width:100%;float:left}
	.call a{float:right; margin:5px;}
	.call i{padding:10px 0}
	.logo {width: 100%;text-align:center;}
	
    .profilebox h2 a{font-size:12px}

	.logo img { max-width: 26%;}
	.fb {width: 100%;}

.noti {    width: 100%;padding-top:0px;padding-bottom:10px;}
.login0 {float: right;width: 80%; margin-right:5%}

    
.login3 { float: right;width: 80%;}
.login{ float: right;width: 89%;}
.noti a{display:inline-block; float:none; padding:10px 35px;}
.noti i {float: none;padding: 10px;display:inline-block; }
.fb h1{font-size:32px;}
.noti.after-login .login{width:auto}
}
@media screen and (max-width:470px){
	.update {width:100%;display:block;margin-bottom:4px}
	.update a{width:100%}
}


@media screen and (max-width:466px){
	.acc h3{width:50%}
}
@media screen and (max-width:465px){
	.tex{font-size:14px}
	.congrats{font-size:11px}
	.input6{width:8%}
	.input7{width:90%}
}

@media screen and (max-width:449px){
	.acc h3{margin-top:10px}
	.acc1{padding-top: 0px;width: 100%;float: left}
}

@media screen and (max-width:442px){
	.profilebox h2 span{font-size:18px}
}
@media screen and (max-width:427px){
	.fb1 a.btn.btn-primary{width:70%}
	.fb2 a.btn.btn-danger{width:70%}
}
@media screen and (max-width:434px){
	.input1{width:9%}
}
@media screen and (max-width:415px){
	.input1{width:10%}
	.input2{width:88%}
}
@media screen and (max-width:400px){
	.find h2{font-size:20px}
	.loignimgdata{padding:33px}
	.mess{float:left}
}
@media screen and (max-width:398px){
	.acc h3{width:100%}
}
@media screen and (max-width:378px){
	.input1{width:11%}
	.input2{width:87%}
}

@media screen and (max-width:376px){
	.shree{width:100%}
	.carousel-control{width:6%}
	.call a{width:80px;padding:4px;text-align:center;line-height:15px}
	.box3{width:70%;margin-left:-35%}
	.login3{width:85%}
}	
@media screen and (max-width:370px){
	.login0{width:90%}
}
@media screen and (max-width:366px){
	.login3{width:85%}
}	

@media screen and (max-width:361px){
	.logo12{margin-top:20px}
	.shree h2{font-size:18px}
	.box3{width:85%}
	
}


@media screen and (max-width:349px){
	.input1{width:13%}
	.input2{width:85%}
	i.fa.fa-phone{width:100%; text-align:center;}
	.call a{width:100%;}
	.noti.after-login{top:73px;}
	.fb h1{font-size:22px;}
}
@media screen and (max-width:340px){
	.login1 h2{font-size:19px}
	.acc h3{font-size:13px}
}

@media screen and (max-width:335px){
	.box3{padding-left: 60px}
	.fb1 a.btn.btn-primary{width:80%}
	.fb2 a.btn.btn-danger{width:80%}
}
@media screen and (max-width:326px){
	.login3{width:90%}
}