@media only screen and (min-width:980px) and (max-width:1220px) {

#main-wrapper {width: 960px;}
.banner-area {height: 470px;}
.welarea {padding: 120px 0 0;}


.icon-box {
	padding:0 15px;
    margin: 35px 10px 10px 0;
    width: 198px;
}
.rentarea {width: 410px; padding: 0 0 0 25px;}
.entext {width: 375px;}
.faltb {width: 330px;}
.location-area {width: 449px;}
.gryp {padding: 0;}
.owner-right {width: 620px;}

.f1 {margin: 0 28px 0 0; width: 330px;}
.f2 {margin: 0 28px 0 0;}
.fbox {margin: 15px 40px 35px 0; width: 239px;}

.topmenu li a { padding: 0 8px;}
.search-area2 {margin: 1px 0 0 20px; width: 415px;}

.s-input1-1 {width: 100px; font-size: 13px;}
.s-input2-1 {font-size: 13px; width: 110px;}
.s-input3-1 {font-size: 13px; width: 80px; border:0;}
.d-left {width: 650px;}
.d-right {width: 287px;}
.listing-right {width: 710px;}
.listright {width: 395px;}
.plane {padding: 1.4%;}
.nav a {padding: 10px 13px !important; font-size:14px;}
.eninput {width: 170px;}
.f3 {width: 217px; margin: 0 30px 0 0;}

.a1 {width: 300px;}
.wimg {height: 179px;}
.newsb {margin: 0 0 40px 15px;}
.gleft {width: 740px;}
.gright {width: 220px;}
.gbox {width: 231px; height: 200px; margin-right:15px; margin-bottom:15px;}
.gbox img{width: 231px; height: 200px;}
.gmenu li a {font-size: 17px;}
.postimg {width: 475px; height: auto; margin: 0 30px 15px 0;}
.c1 {width: 302px;}
.nav {width: 100% !important;}


}



@media only screen and (min-width:768px) and (max-width:979px) {

#main-wrapper {width: 740px;}
.banner-area {height: 450px;}
.welarea {padding: 100px 0 0;}
.search-area {width: 740px;}
.s-input1 {width: 224px;}
.icon-box {
    height: 245px;
    margin: 25px 0 10px 36px;
    padding: 0 15px;
    width: 278px;
}
.rentarea {width: 740px;}
.faltb {width: 330px;}
.location-area {width: 690px; margin:32px 25px 0 0;}
.greyarea {padding:0 0 20px 0; margin-bottom:15px;}
.gryp {padding: 0;}
.owner-right {width: 410px;}
.f1 {margin: 0 0 25px 0; width: 740px;}
.f2 {margin: 0 28px 0 0; width: 400px;}
.n-input {width: 278px;}
.fbox {margin: 15px 25px 35px 0; width: 210px;}
.left-img {margin: 0 30px 20px 0;}
.f3 {width: 300px; margin-bottom:35px;}


.s-input2 {width:190px;}
.s-input3 {width:190px; border:0;}
.search-area2{display:none;}

.d-left {width: 740px; margin-bottom:20px;}
.d-right {width: 740px;}

.listing-right {width: 490px;}
.listright {width: 460px;}

.listviewbox .listimg1 {
    margin: 16px 0 0 0;
    width: 100%;
	height:280px;
}
.listviewbox:hover .listimg1 img { border-radius:0;}

.plane {padding: 1.3%;}
.toparea {height: 136px;}
.nav a {
	padding: 4px 22px !important;
	font-size:14px;
	padding-left:0 !important;
	border-bottom:1px solid #67549d;
}
.eninput {width: 298px;}
.entext {width: 630px;}
.nav {width: 89% !important; float: right;}

.a1 {width: 228px;}
#example-two .nav {display:block !important; clear:both !important; width:100% !important; position:relative !important; z-index:100 !important;}
#example-two .nav li a {padding: 5px 20px !important;}
.wimg {height: 140px;}

.greyarea2 { position:relative; z-index:400;}
.newsb {margin: 0 0 40px 48px;}

.gleft {width: 500px;}
.gright {width: 220px;}
.gbox {width: 231px; height: 200px; margin-right:25px; margin-bottom:25px;}
.gbox img{width: 231px; height: 200px;}
.gmenu li a {font-size: 17px;}
.gbox:nth-child(2){ margin-right:0;}
.gbox:nth-child(3){ margin-right:20px;}
.gbox:nth-child(4){ margin-right:0;}
.gbox:nth-child(6){ margin-right:0;}
.gbox:nth-child(8){ margin-right:0;}
.gbox:nth-child(10){ margin-right:0;}
.gbox:nth-child(12){ margin-right:0;}
.gbox:nth-child(14){ margin-right:0;}
.gbox:nth-child(16){ margin-right:0;}
.postimg {width: 340px; height: auto; margin: 0 25px 15px 0;}
.readbt {margin: 0 0 0 0;}
.addimg {width: 46.3%;}
.c1 {width: 230px;}
.greyarea {background: #058cd9 url(../images/coursebg.jpg) right bottom no-repeat;}
.nav li li a{padding-left: 15px !important;}



}





@media only screen and (min-width:320px) and (max-width:767px) {

#main-wrapper {width: 300px;}
.banner-area {height: 250px;}
.welarea { display:none;}
.search-area {width: 300px; margin:25px auto; height:auto;}
.s-input1 {width: 283px; height:35px; border:0;}
.s-input2 {width:300px; height:35px; border-top:1px solid #000; border-right:0;}
.s-input3 {width:300px; height:35px; border-top:1px solid #000; border-bottom:1px solid #000; border-right:0; float:left;}
.s-bt {height: 35px;}

.rentarea {width: 250px; height:auto; padding-left:25px; padding-right:25px;}
.faltb {width: 270px;}
.location-area {width: 300px; margin:32px 0 0 0;}
.greyarea {padding:0 0 20px 0;}
.gryp {padding: 0;}
.owner-right {width: 300px;}
.f1 {margin: 0 0 25px 0; width: 300px;}
.f2 {margin: 0 28px 0 0; width: 300px;}
.n-input {width: 284px;}
.fbox {margin: 15px 0 25px; width: 300px; text-align: left;}
.left-img {margin: 0 30px 20px 0;}
.f3 {width: 300px; margin-bottom:30px;}
.icon-box {height: 245px; margin: 25px 0 0; padding: 0 15px; width: 270px;}
.location-h {line-height: 40px; padding:8px 0; margin-bottom:15px;}
.locationmenu li {width: 95%;}
h1 span {font-size: 22px;}
.orange1-icon {margin-right: 10px; margin-top:3px;}
.orange2-icon {margin-left: 14px; margin-top:3px;}
.left-img {margin: 0 0 20px 0; width:100%;}
.become-bt {
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 114px;
}
#portamento_container #header3.fixed .top-right {margin-top: 4px; width:145px;	margin-bottom:1px;}
#portamento_container #header3 .top-right {
    margin-top: 0px;
	width:145px;
}
.topmenu li a {
    color: #000000;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    height: auto;
    margin: 0;
    padding: 0 3px;
    text-decoration: none;
    width: auto;
}
.r-b{border-right:0;}
.topmenu {margin:0;}
.logo {float: left; height: auto; margin: 11px 0 -10px; width: 245px;}
#portamento_container #header3.fixed .logo {margin-top: 16px !important;}
.topspace {height: 5px;}
.footer-bottom {line-height:22px;}
.search-area2{display:none;}

.d-left {width: 300px; margin-bottom:20px;}
.d-right {width: 300px;}
.itd {font-size: 14px;}

.listing-right {width: 300px;}
.listright {width: 268px;}

.listviewbox .listimg1 {
    margin: 16px 0 0 0;
    width: 100%;
	height:215px;
}
.listviewbox:hover .listimg1 img { border-radius:0;}

.itd {font-size: 12px; text-align: left;}
.listing-left {width: 260px; margin-bottom:20px;}
.s-heading {width: 256px;}
.linput {width: 260px;}

.plane {padding:10px 0 0 0; width:100%;}

.ftable td{ display:block; width:100%}
.orange-bt1 {padding: 0 9px !important;}
.toparea {height: 156px !important;}
.topmenu li {font-size:13px; padding-left:15px;}
.bannerarea {margin: 18px 0 -30px 0;}
.eninput {width: 236px; margin: 0 0 10px 0;}
.entext {width: 236px; height:100px; margin: 0 0 10px 0;}
.greyarea {margin: 35px 0 20px 0;}
h1 {margin: 40px 0 0 0;}
.fbleft { width:100%; text-align:center;}
.fbright { width:100%; text-align:center;}
.nav a {
	padding: 4px 22px !important;
	font-size:14px;
	padding-left:0 !important;
	border-bottom:1px solid #67549d;
}
.a1 {width: 300px;}
#example-two .nav {display:block !important; clear:both !important; width:100% !important; position:relative !important; z-index:100 !important;}
#example-two .nav li a {padding: 5px 20px !important;}
.wimg {height: 170px;}
.greyarea2 { position:relative; z-index:400;}
.newsb {margin: 0 0 20px 0;}
.gleft {width: 300px;}
.gright {width: 300px; margin-bottom:15px; margin-top:-20px;}
.gbox {width: 300px; height: 200px; margin-right:25px; margin-bottom:15px;}
.gbox img{width: 300px; height: 200px;}
.gmenu li a {font-size: 17px; line-height:30px;}
.gbox:nth-child(2){ margin-right:0;}
.gbox:nth-child(3){ margin-right:20px;}
.gbox:nth-child(4){ margin-right:0;}
.gbox:nth-child(6){ margin-right:0;}
.gbox:nth-child(8){ margin-right:0;}
.gbox:nth-child(10){ margin-right:0;}
.gbox:nth-child(12){ margin-right:0;}
.gbox:nth-child(14){ margin-right:0;}
.gbox:nth-child(16){ margin-right:0;}
.postimg {width: 300px; height: auto; margin: 0 0 15px 0;}
.readbt {margin: 0 0 0 0;}
.phead {font-size: 19px;}
.addimg {width: 100%;}
.addimg:first-child{ display:none;}
.c1 {width: 300px; margin-bottom:35px;}
.greyarea {background: #058cd9 url(../images/coursebg.jpg) right bottom no-repeat; background-size:800px auto;}

}



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

#main-wrapper {width: 300px;}
.banner-area {height: 250px;}
.welarea { display:none;}
.search-area {width: 300px; margin:25px auto; height:auto;}
.s-input1 {width: 283px; height:35px; border:0;}
.s-input2 {width:300px; height:35px; border-top:1px solid #000; border-right:0;}
.s-input3 {width:300px; height:35px; border-top:1px solid #000; border-bottom:1px solid #000; border-right:0; float:left;}
.s-bt {height: 35px;}

.rentarea {width: 250px; height:auto; padding-left:25px; padding-right:25px;}
.faltb {width: 270px;}
.location-area {width: 300px; margin:32px 0 0 0;}
.greyarea {padding:0 0 20px 0;}
.gryp {padding: 0;}
.owner-right {width: 300px;}
.f1 {margin: 0 0 25px 0; width: 300px;}
.f2 {margin: 0 28px 0 0; width: 300px;}
.n-input {width: 284px;}
.fbox {margin: 15px 0 25px; width: 300px; text-align: left;}
.left-img {margin: 0 30px 20px 0;}
.f3 {width: 300px; margin-bottom:30px;}
.icon-box {height: 245px; margin: 25px 0 0; padding: 0 15px; width: 270px;}
.location-h {line-height: 40px; padding:8px 0; margin-bottom:15px;}
.locationmenu li {width: 95%;}
h1 span {font-size: 22px;}
.orange1-icon {margin-right: 10px; margin-top:3px;}
.orange2-icon {margin-left: 14px; margin-top:3px;}
.left-img {margin: 0 0 20px 0; width:100%;}
.become-bt {
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 114px;
}
#portamento_container #header3.fixed .top-right {margin-top: 4px; width:145px;	margin-bottom:1px;}
#portamento_container #header3 .top-right {
    margin-top: 0px;
	width:145px;
}
.topmenu li a {
    color: #000000;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    height: auto;
    margin: 0;
    padding: 0 3px;
    text-decoration: none;
    width: auto;
}
.r-b{border-right:0;}
.topmenu {margin:0;}
.logo {float: left; height: auto; margin: 11px 0 -10px; width: 245px;}
#portamento_container #header3.fixed .logo {margin-top: 16px !important;}
.topspace {height: 5px;}
.footer-bottom {line-height:22px;}
.search-area2{display:none;}

.d-left {width: 300px; margin-bottom:20px;}
.d-right {width: 300px;}
.itd {font-size: 14px;}

.listing-right {width: 300px;}
.listright {width: 268px;}

.listviewbox .listimg1 {
    margin: 16px 0 0 0;
    width: 100%;
	height:215px;
}
.listviewbox:hover .listimg1 img { border-radius:0;}

.itd {font-size: 12px; text-align: left;}
.listing-left {width: 260px; margin-bottom:20px;}
.s-heading {width: 256px;}
.linput {width: 260px;}

.plane {padding:10px 0 0 0; width:100%;}

.ftable td{ display:block; width:100%}
.orange-bt1 {padding: 0 9px !important;}
.toparea {height: 156px !important;}
.topmenu li {font-size:13px; padding-left:15px;}
.bannerarea {margin: 18px 0 -30px 0;}
.eninput {width: 236px; margin: 0 0 10px 0;}
.entext {width: 236px; height:100px; margin: 0 0 10px 0;}
.greyarea {margin: 35px 0 20px 0;}
h1 {margin: 40px 0 0 0;}
.fbleft { width:100%; text-align:center;}
.fbright { width:100%; text-align:center;}
.nav a {
	padding: 4px 22px !important;
	font-size:14px;
	padding-left:0 !important;
	border-bottom:1px solid #67549d;
}
.a1 {width: 300px;}
#example-two .nav {display:block !important; clear:both !important; width:100% !important; position:relative !important; z-index:100 !important;}
#example-two .nav li a {padding: 5px 20px !important;}
.wimg {height: 170px;}
.greyarea2 { position:relative; z-index:400;}
.newsb {margin: 0 0 20px 0;}
.gleft {width: 300px;}
.gright {width: 300px; margin-bottom:15px; margin-top:-20px;}
.gbox {width: 300px; height: 200px; margin-right:25px; margin-bottom:15px;}
.gbox img{width: 300px; height: 200px;}
.gmenu li a {font-size: 17px; line-height:30px;}
.gbox:nth-child(2){ margin-right:0;}
.gbox:nth-child(3){ margin-right:20px;}
.gbox:nth-child(4){ margin-right:0;}
.gbox:nth-child(6){ margin-right:0;}
.gbox:nth-child(8){ margin-right:0;}
.gbox:nth-child(10){ margin-right:0;}
.gbox:nth-child(12){ margin-right:0;}
.gbox:nth-child(14){ margin-right:0;}
.gbox:nth-child(16){ margin-right:0;}
.postimg {width: 300px; height: auto; margin: 0 0 15px 0;}
.readbt {margin: 0 0 0 0;}
.phead {font-size: 19px;}
.addimg {width: 100%;}
.addimg:first-child{ display:none;}
.c1 {width: 300px; margin-bottom:35px;}
.greyarea {background: #058cd9 url(../images/coursebg.jpg) right bottom no-repeat; background-size:800px auto;}

}