/* Medium Layout: 1280px. */

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

	.right-image-section {
		background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
		height: 330px;
		margin-left: 0;
		margin-top: 88px;
		text-align: center;
	}

	.right-image-section img {
		padding: 9px;
	}

	.main-menu ul li {
		width: 146px;
	}

	.orange-style {
		margin-top: 31px;
	}

	.banner_txt {
		left: 23.5%;
		position: absolute;
		top: 77px;
	}

	.price-box > h3 {
		font-size: 16px;
	}
	.price-box > p {
		font-size: 12px;
	}

	.orange-style p {
		font-size: 21px;
	}

	.blue-style p {
		font-size: 21px;
	}

	.top-bar p {
		font-size: 11px;
		font-weight: bold;
		padding: 9px;
	}

	.top-bar {
		height: 40px;
	}


	.margin-top-20 {
		margin-top: 0;
	}

	.green-content {
		margin-top: 0;
		padding: 6px;
	}

	.orange-style {
		margin-bottom: 5px;
	}

	.green-content-inside {
		color: white;
		font-size: 21px;
		padding: 18px;
	}

	.process3_before {
		height: 38px;
		left: 16px;
		top: -23px;
	}
	.process1_after {
		border-top-right-radius: 20px;
		height: 50px;
		right: 11px;
	}
	.process-1 {
		height: 147px;
	}
	.process-2 {
		height: 151px;
	}

	.text-style-w p {
		font-size: 18px;
	}

	.green-menu p {
		font-size: 18px;
	}

	.tbl_row .checkbox > label {
		padding-left: 12px;
	}

	.phototypes-inside > h3 {
		font-size: 23px;
	}

	.content-left > h1 {
		font-size: 27px;
	}

	h2 {
		font-size: 26px;
	}

	.menu-item p {
		font-size: 12px;
	}

	.text-style-small > p {
		font-size: 13px;
	}

	.padding-2 {
		padding-left: 2px;
		padding-right: 0px;
		letter-spacing: -1px;
	}

	.phototypes-text > h3 {
		font-size: 15px;
		font-weight: bold;
		line-height: 30px;
	}

	.text-style p {
		font-size: 14px;
		letter-spacing: -1px;
	}

	.about-list p {
		font-size: 16px;
	}

	.service-content h3 {
		font-size: 12px;
	}
	
	.orange-style p,
	.blue-style p {
		margin-top: 10px;
	}

	.footer-menu ul li a {
		font-size: 19px;
	}

	.footer-menu ul li:nth-child(7) {
		border-right: none;
	}

	.footer-menu li:nth-child(8) {
		border-right: 1px solid #000;
	}
	

	.green-menu {
		margin-top: 16px;
	}

	.blue-button {
		margin-top: 30px;
	}

	.margin-top-0 {
		margin-top: 0px;
	}

	.banner-bg {
		height: 200px;
    }
    
    .main-menu {
        margin-top: 40px;
    }
	
	.about-list p{
		font-size:14px;
	}

	.pc img {
		margin-top: 149px;
	  }

	.about-box .pc-2 img {
		margin-top: 58px;
	  }


	  .service-text-style li {
		font-size: 18px;
	  }

	  .font_size21 {
		font-size: 18px;
	  }
	  .default_section {
		font-size: 16px;
	  }
	  h3{
		  font-size: 18px;
		  font-weight: bold;
	  }
	  h2{
		font-size: 24px;
	}
	.greetings_txt {
		font-size: 16px;
	  }
	  .faq_text {
		font-size: 16px;
	  }
	  .tbl_row .checkbox > label {
		padding-left: 20px;
	  }
	  .orng {
		font-weight: bold;
	  }

	  .margin_top160 {
		margin-top: 140px;
	  }
	  .margin-bottom-100{
		  margin-top: 100px;
	  }

	  .price-content img {
		float: right;
		margin-top: 10px;
		padding-left: 10px;
	  }
	  .contact_table select {
		width: 160px;
	  }
	 
}


/* Tablet Layout: 768px. */

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

	.bg {
		height: 840px;
	}


	.right-image-section {
		margin: 0 auto;
	}

	.slider-text {
		margin-top: 0;
	}

	.header {
		height: 120px;
	}

	.padding-right-0 {
		padding-right: 15px;
	}
	.padding-left-0 {
		padding-left: 15px;
	}

	.main-menu ul li {
		margin: 2px 5px;
		width: 230px;
	}

	.top-bar {
		height: 40px;
	}

	.top-bar p {
		font-size: 9px;
		font-weight: bold;
		padding: 9px;
	}

	.portfolio {
		margin-top: 23px;
	}

	.orange-style img {
		margin: auto;
	}

	.blue-style img {
		margin: auto;
	}

	.orange-style {
		text-align: center;
	}

	.blue-style {
		text-align: center;
	}

	.text-style-2 p {
		text-align: center;
	}
	.text-style-3 h1 {
		text-align: center;
	}


	.slider-text .text-style-1 {
		margin: auto;
	}

	.about-list {
		margin-top: 20px;
	}

	.about-list img {
		margin: auto;
	}

	.banner-text p {
		font-size: 11px;
	}

	.banner_txt {
		left: 22.5%;
		position: absolute;
		top: 57px;
	}
	.orange-style p {
		text-align: center;
	}

	.orange-style p {
		font-size: 15px;
		font-weight: bold;
	}

	.blue-style p {
		font-size: 15px;
		font-weight: bold;
	}

.green-content-inside {
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 22%;
  margin-top: 29px;
  padding: 1px 40px;
  text-align: center;
}


.green-menu img {
  width: 10px;
}

	.big-blue-button {
		margin: 12px;
		width: 100px;
	}

	.process3_before {
		height: 33px;
		left: 19px;
		top: -23px;
	}

	.process-2 {
		height: 150px;
	}
	.process1_after {
		border-top-right-radius: 9px;
		height: 57px;
		right: 14px;
		top: 112px;
	}

	.process-1 h3,
	.process-2 h3,
	.process-3 h3 {
		font-size: 15px;
	}

	.about-list {
		padding-left: 0;
	}

	.text-style-w p {
		font-size: 12px;
	}

	.green-menu p {
		font-size: 12px;
	}

	.margin_top140 {
		margin-top: 0;
	}
	.about-list {
		margin-top: 0;
	}
	.pc-2 {
		float: left;
		margin-top: 39px;
	}
	.about-list p {
		margin-top: 0px;
	}

	.banner-bg {
		height: 156px;
	}
		.text-style p{
		white-space:normal;
	}


}


/* Mobile Layout: 320px. */

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



	.slider-text {
		margin: 0;
		text-align: center;
		padding: 50px 0px 0px;
	}

	.right-image-section {
		background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
		margin-left: 33px;
		margin-top: 77px;
	}

	.right-image-section img {
		float: left;
		padding: 3px;
	}
	.padding-right-0 {
		padding-right: 0;
	}
	.padding-left-0 {
		padding-left: 0;
	}

	.main-menu {
		margin-top: 270px;
		padding: 30px;
	}

	footer {
		text-align: center;
		margin: 0 auto;
	}
	.footer-logo {
		margin: auto;
	}

	.team-inside img {
		margin: auto;
	}

	.padding-right-0 {
		padding-right: 15px;
	}

	.padding-left-0 {
		padding-left: 15px;
	}

	.portfolio {
		margin-top: 23px;
	}

	.orange-style img {
		margin: auto;
	}

	.blue-style img {
		margin: auto;
	}

	.orange-style {
		text-align: center;
	}

	.blue-style {
		text-align: center;
	}

	.banner-text p {
		font-size: 7px;
	}

	.banner_txt {
		left: 21.5%;
		top: 30px;
	}

	.text-style-small > p {
		font-size: 10px;
		padding: 0;
	}

	.green-content-inside {
		font-size: 14px;
		padding: 6px;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 23%;
	}


	.text-style-3 > h1 {
		font-size: 55px;
		margin: 0;
	}
	.text-style-2 > p {
		font-size: 20px;
	}
	.text-style-2 {
		margin-top: 5px;
	}
	.text-style-3 {}
	.slider-text {
		margin: 0;
		text-align: center;
	}
	.slider-text .text-style-1 {
		height: auto;
		margin: 0 auto;
		width: auto;
	}

	.padding-none {
		padding-left: 15px;
		padding-right: 15px;
	}
	.right-image-section {
		height: auto;
		margin: 0;
		width: auto;
	}
	.right-image-section img {
		padding: 0;
		width: 50%;
	}


	.search {
		margin-bottom: 10px;
	}
	.text-style-1 {
		margin-top: 12px;
	}
	.banner-bg {
		height: 72px;
	}
	.footer-menu {
		font-size: 14px;
	}
	.text-style-small {
		font-size: 5px;
	}

	.team-style > li {
		font-size: 11px;
	}

	.phototypes-inside {
		padding: 12px 0 0;
	}
	.phototypes-inside > h3 {
		font-size: 17px;
		font-weight: bold;
	}
	.portfolio > h3 {
		font-size: 17px;
		font-weight: bold;
	}
	.phototypes-text > h3 {
		font-size: 14px;
	}

	.about-list {
		margin-top: 14px;
	}
	.phototypes-inside {
		margin-left: 0;
	}
	.phototypes-inside {
		padding: 10px;
	}

	.padding-none {
		padding-right: 25px;
		padding-left: 25px;
	}

	.green-menu img {
		width: 10px;
	}


	.process-1 img,
	.process-2 img,
	.process-3 img {
		width: 29px;
	}
	.process-1 h3,
	.process-2 h3,
	.process-3 h3 {
		font-size: 13px;
	}
	.text-style.list-unstyled > li {
		font-size: 14px;
	}
	.header > h3 {
		font-size: 14px;
		font-weight: bold;
	}
	.price_table .th {
		width: auto;
	}

	.orng {
		font-size: 15px;
		font-weight: bold;
	}


	.title > img {
		width: 24px;
	}

	.red_text {
		font-size: 15px;
		font-weight: bold;
	}
	th {
		font-size: 14px;
	}


	h2 {
		font-size: 16px;
		font-weight: bold;
	}
	p {
		font-size: 14px;
	}

	h3 {
		font-size: 15px !important;
		font-weight: bold;
	}

	.pc-2 img {
		float: none;
		margin-left: 29px;
	}
	.genres-text > h3 {
		font-size: 14px;
		line-height: 12px;
	}
	.genres-bg h3 {
		font-size: 14px;
	}

	.document-content img {
		margin: auto;
	}
	.big-blue-button {
		width: 100%;
	}

	.about-list {
		padding-left: 0;
	}

	.text-style-w p {
		font-size: 9px;
	}

	.green-menu p {
		font-size: 7px;
	}

	.text-style p {
		white-space: normal;
	  }

}





/* Wide Mobile Layout: 480px. */

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

	.container,
	.container-fluid {
		width: 450px;
		margin: 0 auto;
	}

}