@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.maincontainer{width: 100%;}
.prtnr{ width:100%; height:100%;}
.prtnr img{width:70%; height: auto;}

/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}

}

@media only screen and (min-device-width : 600px) and (max-device-width : 767px) {
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.maincontainer{width: 100%;}	
.prtnr{ width:100%; height:100%;}
.prtnr img{width:70%; height: auto;}

/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}
}

@media only screen and (min-device-width : 481px) and (max-device-width : 599px) { 
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.maincontainer{width: 100%;}
.prtnr{ width:100%; height:100%;}
.prtnr img{width:70%; height: auto;}

/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}

}

@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
.maincontainer{width: 100%;}
header { height: 238px;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.banr1{width: 100%; text-align: center;}
.banr2{width: 100%;}
.banr2 h5{ width: 58%; margin: 0 auto;}
.hdr1 h2{ top: 72%}
.hdr1 .separator{ width: 20%; top: 73%;}
.prtnr{ width:100%; height:100%;}
.prtnr img{width:70%; height: auto;}
.showsec div{ width: 100%;}
.imgbg{width: 100%;}
.ourgl{width: 100%; margin-bottom: 15px;}
footer{height: 100%;}
.ftr1, .ftr2, .ftr3{width: 100%;}
.ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
.bftr{text-align: center;}
iframe{ width: 100%; height: 100%;}
.prtnr{ width: 100%; height: 100%; float: none;}
.cnbox{margin-bottom: 50px; padding: 22px 10px;}
.restersec1{ width: 100%;}
/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}
}

@media only screen and (min-device-width : 321px) and (max-device-width : 360px) { 
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
header { height: 238px;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.maincontainer{width: 100%;}
.banr1{width: 100%; text-align: center;}
.banr2{width: 100%;}
.banr2 h5{ width: 58%; margin: 0 auto;}
.hdr1 h2{ top: 72%}
.hdr1 .separator{ width: 20%; top: 73%;}
.prtnr{ width:100%; height:100%;}
.prtnr img{width:70%; height: auto;}
.showsec div{ width: 100%;}
.imgbg{width: 100%;}
.ourgl{width: 100%; margin-bottom: 15px;}
footer{height: 100%;}
.ftr1, .ftr2, .ftr3{width: 100%;}
.ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
.bftr{text-align: center;}
iframe{ width: 100%; height: 100%;}
.prtnr{ width: 100%; float: none;}
.cnbox{margin-bottom: 50px; padding: 22px 10px;}
.restersec1{ width: 100%;}
/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}
}

@media only screen and (min-device-width : 0px) and (max-device-width : 320px) { 
.restopmar1{ margin-top:10px;}
.restopmar2{ margin-top:20px;}
.restopmar3{ margin-top:30px;}
.restopmar4{ margin-top:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #3c4b5b;}
header { height: 155px;}
.logo{width: 28%; padding: 10px 0 0 15px;}
.maincontainer{width: 100%;}
.banr1{width: 100%; text-align: center;}
.banr2{width: 100%;}
.banr2 h5{ width: 58%; margin: 0 auto;}
.hdr1 h2{ top: 72%}
.hdr1 .separator{ width: 20%; top: 73%;}
.prtnr{ width:100% height:100%;}
.prtnr img{width:70%; height: auto;}
.showsec div{ width: 100%;}
.imgbg{width: 100%;}
.ourgl{width: 100%; margin-bottom: 15px;}
footer{height: 100%;}
.ftr1, .ftr2, .ftr3{width: 100%;}
.ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
.bftr{text-align: center;}
iframe{ width: 100%; height: 100%;}
.cnbox{margin-bottom: 50px; padding: 22px 10px;}
.restersec1{ width: 100%;}
/************why hydrabad**************/
.whyd{ margin:20px 0px; padding: 60px 0px;}
.whydl{ width:100%; background:#fff; float:left; padding:18px 50px 18px 18px;}
.whydrt{width:100%;  }
.whydrt h2{color:#fff; font-size:24px; font-weight:600; line-height:23px; text-align: center;}

}