@media (min-width: 320px) and (max-width: 425px){
	.left-copyright{
  	text-align: center;
	}
	.pull-developed {
	  float: none;
	  text-align: center;
	}
	.top-menu {
    padding: 10px 0px 10px 0px;
	}
	.banner-right {
    margin-top: 70px;
	}
	.banner-right h1 {
    font-size: 2rem;
	}
	.form-input input{
		margin-bottom: 15px;
	}
	.article img{
		height: 600px;
	}
	#ps h1{
		font-size: 1.5rem;
	}
	.our-service h2 {
    font-size: 1.2rem;
	}
	a.animated-button.thar-four {
    padding: 7px 14px 7px 14px;
    font-size: 12px;
	}
	.banner-right button {
    font-size: 14px;
    width: 100px;
	}
	#exampleSlider .MS-content {
	 margin-top: -130px;
	}
	.carousel-inner img {
    height: 200px;
	}
	.notification-text h5 {
    font-weight: bold;
    font-size: 14px;
}
}
@media (min-width: 320px) and (max-width: 786px){
	footer{
		text-align: center;
	}
	.top__right{
		text-align: center;
		display: none;
	}
	.top__right ul{
    margin:0 auto;
    float:unset;
	}
	.top__right li{
		font-size: 12px;
	}



}

@media (min-width: 320px) and (max-width: 1000px){
	.navbar-collapse {
    margin-top: 20px;
	}
	
	.navbar-brand img {
    height: 40px;
	}
	li.nav-item {

    padding-left: 0px;
	}
	.navbar-nav {
    margin-top: 0px;
    padding-left: 10px;
	}
	.footer__box {
    text-align: center;
	}
    
}

@media (min-width: 1000px) and (max-width: 3000px){
	#navbar {
	  padding: 20px;
	  overflow: unset;
	}
	.social-media {
      margin: 20px 0px 20px 0px;
   }

}
@media (min-width: 420px) and (max-width: 500px){
	.carousel-inner img {
    height: 300px;
	}

}