@media screen and (min-width :1200px) and (max-width :1280px) {


}
 @media screen and (min-width :1100px) and (max-width :1199px) {

.bottom-content-dtls { padding: 0px 0 0; width: 52%; margin-left: 15px;}
}

@media screen and (min-width : 971px) and (max-width :1099px) {

.navbar-inverse .navbar-nav > li{padding: 0 2px 0 0;}
.contact-sc{padding: 20px 0 0;}

.welcome-lft-lst{padding: 8px 0; width: 87.5%;}
h2 {font-size: 40px;}
.bottom-content-dtls {  width: 52%; float: left; padding: 0px 0 0; margin-left: 17px;}
.projects-lst a { font-size: 15px;}
.ryt-arrow { margin: 0 0px 0 0;}
ul.footer-nav li{ margin-right: 22px; }
}
  
@media screen and (min-width : 768px) and (max-width : 970px) {
.navbar-inverse .navbar-nav > li{padding: 0 2px 0 0;}
.contact-sc{margin: 20px 20px 0 0;}
.contact-sc h6{padding: 0;}
.welcome-lft-lst{width: 86%; padding: 9px 0;}
h2{font-size: 35px; line-height: 120%;}
h3{font-size: 21px;}
h4{font-size: 17px;}
.projects-lst a{font-size: 15px;}
.ryt-arrow, .ryt-arrow-hvr{width: 7px !important; margin: 0 7px 0 0;}
.bottom-content-dtls{padding: 0 0 0 10px;}
.bottom-content-dtls h4{padding: 0 0 4px;}
footer p{float: left;}
ul.footer-nav > li{margin: 0 23px 0 0;}
}

@media screen and (min-width : 640px) and (max-width: 767px) {
.tp-hldr{padding: 24px 0;}
header .col-sm-3, header .col-sm-9{width: auto;}
.logo{width: 100px; float: left;}
.nav-holder{position: absolute; right: 22px; top: 4px; padding: 0;}
.contact-sc img{display: none;}
.contact-sc{padding: 3px 9px; float: left;}
.contact-sc h6{padding: 8px; background: rgba(0, 0, 0, 0.5);}
.navbar-inverse .navbar-toggle{background: #fff !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #000 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #000; margin: 0 16px 0 0;}
.navbar-nav{margin: 0; border: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li{padding: 0; border-bottom: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li:last-child a{border-bottom: none;}
.navbar-inverse .navbar-nav > li > a{padding: 12px 40px; font-size: 15px; text-align: center;}
section#welcome-sc{padding: 30px 0;}
.welcome-lft-lst{width: 91%; padding: 9px 0;}
h4{padding: 0 0 5px;}
.welcome-lft ul li{font-size: 21px;}
.welcome-lft{margin: 0 auto; float: none; display: table;}
.footer-tp-part{display: none;}
.welcome-ryt-top{text-align: center; padding: 20px 0 0;}
.welcome-ryt-top h2 .sml-txt{font-size: 20px;}
h2{font-size: 32px; padding: 0 0 10px;}
h3{font-size: 24px;}
.welcome-lft img{width: auto; float: none; margin: 0 auto; display: table;}
ul.welcome-ryt-btm{text-align: center;}
ul.welcome-ryt-btm li{width: 100%; padding: 0 10px;}
ul.welcome-ryt-btm li:last-child{width: 100%; padding: 20px 0;}
.projects-lst img{width: auto; margin: 20px auto 0; display: table; float: none;}
.ryt-arrow, .ryt-arrow-hvr{display: none !important;}
section#featured-projects-sc{padding: 30px 0; text-align: center;}
section#featured-projects-sc h2{padding: 0 0 15px;}
.ryt-arrow, .ryt-arrow-hvr{width: 8px !important; margin: 3px 16px 0 0;}
section#bottom-grey-sc{padding: 30px 0; text-align: center;}
.bottom-content-img{width: 100%;}
.bottom-content-dtls{width: 65%; margin: 0 auto; float: none; display: table;}
footer{padding: 10px 0; text-align: center;}
ul.welcome-ryt-btm li img{width: auto; display: table; float: none; margin: 0 auto 20px;}

section#mdl-wht-sc{text-align: center; padding: 30px 0;}
.mdl-wht-ryt-content{margin: 0; padding: 15px 0 0;}
section#about-btm-sc{padding: 30px 0; text-align: center;}
.welcome-lft ul{padding: 20px 0;}
/*--------About page-------*/
section#about-btm-sc img { width: 67%; border: 5px solid #d1d1d1; margin-bottom: 10px;}
}

@media screen and (min-width : 480px) and (max-width: 639px) {
	
.tp-hldr{padding: 24px 0;}
header .col-sm-3, header .col-sm-9{width: auto;}
.logo{width: 100px; float: left;}
.nav-holder{position: absolute; right: 22px; top: 4px; padding: 0;}
.contact-sc img{display: none;}
.contact-sc{padding: 3px 9px; float: left;}
.contact-sc h6{padding: 8px; background: rgba(0, 0, 0, 0.5); font-size: 15px;}
.navbar-inverse .navbar-toggle{background: #fff !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #000 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #000; margin: 0 16px 0 0;}
.navbar-nav{margin: 0; border: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li{padding: 0; border-bottom: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li:last-child a{border-bottom: none;}
.navbar-inverse .navbar-nav > li > a{padding: 12px 40px; font-size: 15px; text-align: center;}
section#welcome-sc{padding: 30px 0;}
.welcome-lft-lst{width: 91%; padding: 9px 0;}
h4{padding: 0 0 5px;}
.welcome-lft ul li{font-size: 21px;}
.welcome-lft{margin: 0 auto; float: none; display: table;}
.footer-tp-part{display: none;}
.welcome-ryt-top{text-align: center; padding: 20px 0 0;}
.welcome-ryt-top h2 .sml-txt{font-size: 20px;}
h2{font-size: 28px; padding: 0 0 10px;}
h3{font-size: 20px;}
ul.welcome-ryt-btm{text-align: center;}
ul.welcome-ryt-btm li{width: 100%; padding: 0 10px; margin: 10px 0px;}
ul.welcome-ryt-btm li:last-child{width: 100%; padding: 20px 0;}
ul.welcome-ryt-btm li img { width: 71%; margin: 0 0 20px;}
ul.welcome-ryt-btm li p { padding: 0 55px 10px;}
section#featured-projects-sc{padding: 30px 0; text-align: center;}
section#featured-projects-sc h2{padding: 0 0 15px;}
.ryt-arrow, .ryt-arrow-hvr{width: 12px !important; margin: 3px 60px 0 0;}
.projects-lst a {  border-bottom: 3px solid #1c1c1c;}
.projects-lst img { width: 72%;}
.projects-lst { margin-bottom: 20px;}
section#bottom-grey-sc{padding: 30px 0; text-align: center;}
.bottom-content-img{width: 100%;}
.bottom-content-dtls{width: 100%;}
footer{padding: 10px 0; text-align: center;}
footer p{font-size: 13px;}

section#mdl-wht-sc{text-align: center; padding: 30px 0;}
.mdl-wht-ryt-content{margin: 0; padding: 15px 0 0;}
section#about-btm-sc{padding: 30px 0; text-align: center;}
.welcome-lft ul{padding: 20px 0;}
/*--------About page-------*/
section#about-btm-sc img { width: 73%; margin-bottom: 15px;}
}

@media screen and (min-width : 360px) and (max-width: 479px) {  

.tp-hldr{padding: 11px 0;}
header .col-sm-3, header .col-sm-9{width: auto;}
.logo{width: 100px; float: left;}
.nav-holder{position: absolute; right: 22px; top: 4px; padding: 0;}
.contact-sc img{display: none;}
.contact-sc{padding: 3px 9px; float: left;}
.contact-sc h6{padding: 8px; background: rgba(0, 0, 0, 0.5); font-size: 15px;}
.navbar-inverse .navbar-toggle{background: #fff !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #000 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #000; margin: 0 16px 0 0;}
.navbar-nav{margin: 0; border: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li{padding: 0; border-bottom: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li:last-child a{border-bottom: none;}
.navbar-inverse .navbar-nav > li > a{padding: 12px 40px; font-size: 15px; text-align: center;}
section#welcome-sc{padding: 30px 0;}
.welcome-lft-lst{width: 91%; padding: 9px 0;}
h4{font-size: 17px; padding: 0 0 5px;}
.welcome-lft ul li{font-size: 21px;}
.welcome-lft{margin: 0 auto; float: none; display: table;}
.footer-tp-part{display: none;}
.welcome-ryt-top{text-align: center; padding: 10px 0;}
.welcome-ryt-top h2 .sml-txt{font-size: 20px;}
h2{font-size: 26px; padding: 0 0 10px;}
h3{font-size: 17px;}
ul.welcome-ryt-btm{text-align: center;}
ul.welcome-ryt-btm li{width: 100%; padding: 0 10px;}
ul.welcome-ryt-btm li:last-child{width: 100%; padding: 20px 0;}
ul.welcome-ryt-btm li p {padding: 0 6px 10px;}
section#featured-projects-sc{padding: 30px 0; text-align: center;}
section#featured-projects-sc h2{padding: 0 0 15px;}
.ryt-arrow, .ryt-arrow-hvr{width: 8px !important; margin: 3px 16px 0 0;}
section#bottom-grey-sc{padding: 30px 0; text-align: center;}
.bottom-content-img{width: 100%;}
.bottom-content-dtls{width: 100%;}
.bottom-content-dtls p { padding: 0 7px 10px;}
footer{padding: 10px 0; text-align: center;}
footer p{font-size: 13px;}

section#mdl-wht-sc{text-align: center; padding: 30px 0;}
.mdl-wht-ryt-content{margin: 0; padding: 15px 0 0;}
section#about-btm-sc{padding: 30px 0; text-align: center;}
.welcome-lft ul{padding: 20px 0;}
/*--------About page-------*/
ul.mdl-wht-ryt-lst li { font-size: 19px; padding: 0 0 14px; line-height: 100%;}
section#about-btm-sc img { width: 100%;margin-bottom: 15px;}
}

@media screen and (min-width : 320px) and (max-width: 359px) {
	
.tp-hldr{padding: 7px 0;}
header .col-sm-3, header .col-sm-9{width: auto;}
.logo{width: 100px; float: left;}
.nav-holder{position: absolute; right: 22px; top: 4px; padding: 0;}
.contact-sc img{display: none;}
.contact-sc{padding: 1px 9px; float: left;}
.contact-sc h6{padding: 8px; background: rgba(0, 0, 0, 0.5); font-size: 14px;}
.navbar-inverse .navbar-toggle{background: #fff !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #000 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #000; margin: 0 -7px 0 0;}
.navbar-nav{margin: 0; border: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li{padding: 0; border-bottom: 1px solid #ccc;}
.navbar-inverse .navbar-nav > li:last-child a{border-bottom: none;}
.navbar-inverse .navbar-nav > li > a{padding: 12px 40px; font-size: 15px; text-align: center;}
.navbar-toggle { margin-right: -8px !important;}
section#welcome-sc{padding: 30px 0;}
.welcome-lft-lst{width: 91%; padding: 9px 0;}
h4{font-size: 16px; padding: 0 0 5px;}
.welcome-lft ul li{font-size: 21px;}
.welcome-lft{margin: 0 auto; float: none; display: table;}
.footer-tp-part{display: none;}
.welcome-ryt-top{text-align: center;}
.welcome-ryt-top h2 .sml-txt{font-size: 20px;}
h2{font-size: 25px; padding: 0 0 10px;}
h3{font-size: 16px;}
ul.welcome-ryt-btm{text-align: center;}
ul.welcome-ryt-btm li{width: 100%; padding: 0 10px;}
ul.welcome-ryt-btm li:last-child{width: 100%; padding: 20px 0;}
section#featured-projects-sc{padding: 30px 0; text-align: center;}
section#featured-projects-sc h2{padding: 0 0 15px;}
section#featured-projects-sc p{padding: 0px;}
.ryt-arrow, .ryt-arrow-hvr{width: 8px !important; margin: 3px 16px 0 0;}
section#bottom-grey-sc{padding: 30px 0; text-align: center;}
.bottom-content-img{width: 100%;}
.bottom-content-dtls{width: 100%;}
footer{padding: 10px 0; text-align: center;}
footer p{font-size: 12px;}

section#mdl-wht-sc{text-align: center; padding: 30px 0;}
.mdl-wht-ryt-content{margin: 0; padding: 15px 0 0;}
section#about-btm-sc{padding: 30px 0; text-align: center;}
.welcome-lft ul{padding: 20px 0;}

/*--------About page-------*/
ul.mdl-wht-ryt-lst li { font-size: 19px; padding: 0 0 14px; line-height: 100%;}
section#about-btm-sc img { width: 100%;margin-bottom: 15px;}
}