/*
* ----------------------------------------------------------------------------------------
* Responsive Style
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) {
  .navbar button{ margin: 13px 0px; }
  .about_us .section_one, .section_two, .section_three {margin:0 0 0 -15px !important;}
  .section-padding{
        padding: 50px 0px 100px 0px;
  }
 
	.footer-quickinfo,
	.footer-contact{padding-top: 50px;}
	.copyright .copyright-links ul li a{padding: 0 8px;}


  	.footer-menu .clearfix li a {margin-right: 20px;}

  	.offset-md-1 {margin-left: 3.333333%;}

	.our-service {padding: 96px 0 25px 0;background: #042156;height: 585px;}

	.arrow {padding: 0;}
	.box_1{ margin-left: -100px;}
	.main-navigation .navbar-nav {margin-top: 45px !important;}

	.order_summary {width: 286px;margin-top: 39px;}

	.comment textarea {    width: 100% !important;}


	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}


}




@media only screen and (max-width:480px) {
   .main-navigation{background: #00c4ff;}

   .copyright .copyright-links ul{
      text-align: center;
    }
   .copyright-text p{text-align: center; padding: 0;}
   .footer-info{
      margin: 25px 0;
    }

    .footer-quickinfo{
      margin-bottom: 35px;
    }
    .footer-logo img {display: inline-block;}
    .footer-logo span {display: block;}
    .footer-logo{text-align: center;}
    .footer-menu .clearfix li a {margin-right: 10px;}
    .footer-menu .clearfix li a {font-size: 10px;}
    .copyright {margin-top: 22px;}

    .section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}
}



@media only screen and (max-width:414px) {
  .main-navigation{background: #00c4ff;}
  .select_area{margin: 10px auto;}

  .copyright .copyright-links ul{text-align: center;}

  .newsletter-content form button{width: 72%;}
  .copyright-text p{text-align: center; padding: 0;}
  .footer-info{margin-top: 30px;}
  
  .newsletter-content form input[type=email]{width: 100%;}
  .newsletter-content form button{width: 100%;}
  .xs-menu button.navbar-toggler{position: absolute;top: -62px;border: 0px solid;}
  .footer-logo img {display: inline-block;}
    .footer-logo span {display: block;}
    .footer-logo{text-align: center;}
    .footer-menu .clearfix li a {margin-right: 10px;}
    .footer-menu .clearfix li a {font-size: 10px;}
    .copyright {margin-top: 22px;}
    .lets_procceds a { margin-left: 0px;}
   .comment textarea{margin-top: 15px; width: 100%; margin-left: 0;}

   .order_summary {width: 100%;}
   .about_us .section_one, .section_two, .section_three {margin:0 0 0 78px !important;}
   .service-title span {margin-left: 36.5%;}
   .service_wrap_1, .service_wrap_2, .service_wrap_3, .service_wrap_4 {margin-bottom: 20px;}
   .our-service {
    padding: 78px 0 25px 0;
    background: #042156;
    height: auto;
	}
	.choose_box{text-align: center;padding: 0;}
	.box_1 {margin: 10px auto;}

	.page .arrow{padding: 5px;}
    .service_wrap_1 .page {display: block;}
    .service_wrap_2 .page {display: block;}
    .service_wrap_3 .page {display: block;}
    .service_wrap_4 .page {display: block;}
    .order_summary {width: 100% !important;}

    .section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}

}




@media only screen and (max-width:375px) {
    /** Header **/
   .xs-logo{width: 75%;}
   .comment textarea{margin-top: 15px;}
   .xs-menu button.navbar-toggler{position: absolute;top: -62px;border: 0px solid;}
   .xs-menu button.navbar-toggler span{color: #fff;}
   .main-navigation{background: #00c4ff;}
   .select_area{    margin-bottom: 15px;margin: 0 auto;}

   /** About **/
   .about-us {padding: 50px 0;}
   .about-us-right{padding-top: 20px;}
   .about-us .about-area {padding: 0;}
   
   /** History **/
   .history{padding-bottom: 50px;}
   .busika-thumb{margin-top: 30px;}

   /** Service **/
   .service-row{padding: 0;}

   /** Portfolio **/
   .our-portfolio{padding: 50px 0;}
   .our-portfolio .portfolio-content-head ul{margin: 0; padding: 0;}
   .our-portfolio .portfolio-content-head ul li {width: 100%;}

   /** Team **/
   .section-padding{padding: 50px 0 0 0;}

   
    /** Footer **/
    .footer-info{  margin: 25px 0;}
    .footer-quickinfo{  margin-bottom: 35px; }

    /** Copyright **/
    .copyright .copyright-links ul{text-align: center;}
    .copyright .copyright-links ul li a{  font-size: 15px;}
    .copyright .copyright-links{  margin-bottom: 20px;  }
    .copyright-text p{
      text-align: center;
      padding: 0 0 10px 0;
      margin: 0;
    }
    .service-title span {margin-left: 35.5%;}
    .footer-logo img {display: inline-block;}
    .footer-logo span {display: block;}
    .footer-logo{text-align: center;}
    .footer-menu .clearfix li a {margin: 0 0 0 10px !important;}
    .footer-menu .clearfix li a {font-size: 10px;}
    .copyright {margin-top: 22px;}
    .lets_procceds a { margin-left: 0px;}
    .about_us .section_one, .section_two, .section_three {    margin:0 0 0 56px !important;}
    .box_1 {    margin: 10px auto;}
    .main-navigation .navbar-nav {margin-top: 0px !important;}
    .page .arrow{padding: 5px;}
    .service_wrap_1 .page {display: block;}
    .service_wrap_2 .page {display: block;}
    .service_wrap_3 .page {display: block;}
    .service_wrap_4 .page {display: block;}

    .order_summary {width: 100% !important;}

    .section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}


}




@media only screen and (max-width:360px) {
	.main-navigation{background: #00c4ff;}
	#mc-form{}
	.copyright .copyright-links ul{text-align: center;}
	.copyright-text p{text-align: center; padding: 0;}
	.footer-menu .clearfix li a {margin: 0 0 0 5px !important;}
	.select_area{margin: 10px auto;}
	.lets_procceds a { margin-left: 0px;}
	.comment textarea{margin-top: 15px;}
	.about_us .section_one, .section_two, .section_three {margin:0 0 0 55px !important;}
	.comment textarea {width: 100%;}
	.box_1 {margin: 15px auto;}
	.page .arrow{padding: 5px;}
	.service_wrap_1 .page {display: block;}
	.service_wrap_2 .page {display: block;}
	.service_wrap_3 .page {display: block;}
	.service_wrap_4 .page {display: block;}

  	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}

}



@media only screen and (max-width:320px) {
  .main-navigation{background: #00c4ff;}
  .about-us-right{padding-top: 20px;}

  .newsletter-content form label.error{
     margin-left: -76px;
  }
  .lets_procceds a { margin-left: 0px;}
  .copyright .copyright-links ul li a{
    font-size: 12px;
  }
  .copyright-text p{
    padding: 18px 0 20px 0;
  }
  .copyright .copyright-links ul{text-align: center;}
  #mc-form{}
  .footer-logo img {display: inline-block;}
    .footer-logo span {display: block;}
    .footer-logo{text-align: center;}
    .footer-menu .clearfix li a {font-size: 8px;margin: 0 0 0 10px !important;}
    .copyright {margin-top: 22px;}
   .submit button {
    cursor: pointer;
        padding: 10px 19px;
    margin-right: 13px;
}

    .about_us .section_one, .section_two, .section_three { margin:0 0 0 33px !important;}
   	.page .arrow{padding: 5px;}
    .service_wrap_1 .page {display: block;}
    .service_wrap_2 .page {display: block;}
    .service_wrap_3 .page {display: block;}
    .service_wrap_4 .page {display: block;}

    .about_us .section_two {margin-left: 0;}
    .about_us .section_three {margin-left: 0;}
    .comment textarea { width: 100%;}
	.box_1 {margin-left: 0px;}

	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}
}



/* Medium Layout: 1280px. */
@media only screen and (max-width: 1024px) {
    .main-navigation .navbar-nav li a.nav-link {padding: 20px 10px;}
    .about_us .section_one {margin:0 0 0 100px;}
    .about_us .section_two {margin:0 0 0 30px;}
    .offset-md-1 {margin-left: 3.333333%;}
    .order_summary {width: 265px;margin-top: 45px;}
    .comment textarea {width: 94%;}
}

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


@media only screen and (min-width: 422px) and (max-width: 575px){
 	/*.about_us .section_one, .section_two, .section_three, h1 {line-height: 155px;}
 	.about_us .section_one, .section_two, .section_three {width: 160px;height: 160px;}
 	.about_us .section_one, .section_two, .section_three {margin-left: -8px !important;}*/

 	.navbar-light .navbar-toggler {    margin-top: -56px;}
 	.main-navigation .navbar-nav {margin-top: 0px !important;}
 	.about_us .section_one, .section_two, .section_three { margin:10px auto !important;}
 	.our-service {height: auto;}
 	.page .arrow {padding: 15px;}
 	.service_wrap_1 .page {display: block;}
 	.service_wrap_2 .page {display: block;}
 	.service_wrap_3 .page {display: block;}
 	.service_wrap_4 .page {display: block;}

 	.service_box_1 {margin-top: 30px;}
 	.service_box_2 {margin-top: 30px;}
 	.service_box_3 {margin-top: 30px;}
 	.service_box_4 {margin-top: 30px;}

 	.service-title span {margin-left: 40.5%;}

  	.section_one h4 {margin-top: -111px;}
  	.section_two h4 {margin-top: -122px;}



 	.select_area {margin-right: auto;margin-bottom: 15px;}

  	.order_summary {width: 100%;margin-bottom: 15px;}
  	.comment textarea {margin-left: 0;}
  	.submit {text-align: center;}
  	.box_1 {margin-left: 0px;}

  	.choose_box{text-align: center;}

  	.lets_procceds a {margin-left: 0px; }

  	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}
 	

  
}
@media only screen and (min-width: 800px){
 	/*.about_us .section_one, .section_two, .section_three {margin-left: 0;}*/
  
}





/* Tablet Layout: 768px. */

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
   .about_us .section_one, .section_two, .section_three, h1 {line-height: 160px;}
   .about_us .section_one, .section_two, .section_three {width: 160px;height: 160px;}
   .section_one h4 {margin-top: -113px;}
   .section_two h4 {margin-top: -130px;}

   .service-title span {margin-left: 42.5%;}

   .our-service {height: 490px;}

   .arrow {padding: 1px 10px;}

   .service_box_1 h1 a {margin-top: 42px;font-size: 18px;}
   .service_box_2 h1 a {margin-top: 42px;font-size: 18px;}
   .service_box_3 h1 a {margin-top: 42px;font-size: 18px;}
   .service_box_4 h1 a {margin-top: 42px;font-size: 18px;}

   .service_box_1 {height: 120px;}
   .service_box_2 {height: 120px;}
   .service_box_3 {height: 120px;}
   .service_box_4 {height: 120px;}

   .navbar-toggler {margin-top: 15px;}
   .main-navigation .navbar-nav {margin-top: 55px;}
   .footer-menu .clearfix li a {margin-right: 20px;}

   .order_summary {width: 100%;margin-bottom: 15px;}
  .comment textarea {margin-left: 0;}
  .submit {text-align: center;}

  .box_1 {margin-left: 0px;}
  
  .choose_box{text-align: center;}

  .select_area { margin-right: 0 !important; }
  .select_area .select p {
    margin-top: 15px;
    font-size: 12px !important;
    width: 100%;
    display: block;
  }
  	.select_area {margin-right: 0 !important;height: 210px;width: 210px;}

  	.option-input {top: 6.33333px; height: 25px; width: 25px;}

  	.lets_procceds a {padding: 12px 31px;margin-left: -129px;}

  	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}



}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    
    .main-navigation .navbar-nav {margin-top: 56px;}
    .about_us .section_one, .section_two, .section_three { margin:10px auto !important;}
    .about_us .section_one, .section_two, .section_three {width: 169px;height: 169px;}
    .about_us .section_one, .section_two, .section_three, h1 {line-height: 156px;}

    .service_box_1 h1 {font-size: 15px;}
    .service_box_1 {height: 90px;}
    .service_box_1 h1 a {margin-top: 30px;}

    .service_box_2 h1 {font-size: 15px;}
    .service_box_2 {height: 90px;}
    .service_box_2 h1 a {margin-top: 30px;}

    .service_box_3 h1 {font-size: 15px;}
    .service_box_3 {height: 90px;}
    .service_box_3 h1 a {margin-top: 30px;}

    .service_box_4 h1 {font-size: 15px;}
    .service_box_4 {height: 90px;}
    .service_box_4 h1 a {margin-top: 30px;}

    .our-service {height: auto;padding: 50px 0 50px 0;}

    .service_wrap_1:hover .page {display: block;}
    .service_wrap_2:hover .page {display: block;}
    .service_wrap_3:hover .page {display: block;}
    .service_wrap_4:hover .page {display: block;}

    .service-title span {margin-left: 40.5%;}
    .footer-menu .clearfix li a {margin: 0 0 0 12px;}

    .section_one h4 {margin-top: -110px;}
    .section_two h4 {margin-top: -125px;}

    .order_summary {width: 100%;margin-bottom: 15px;}
    .comment textarea {margin-left: 0;}
    .submit {text-align: center;}
    .about_us {margin: 120px 0 8px 0;}

    .box_1 {margin-left: 0px;}
  
  	.choose_box{text-align: center;}

  	.lets_procceds a {margin-left: 0px; }
  	.select_area { margin-right: 0 !important;margin-bottom: 20px; }
  	.section_one h1{opacity: 0.3; cursor: pointer;}
	.section_two h1{opacity: 0.3; cursor: pointer;}
	.section_three h1{opacity: 0.3; cursor: pointer;}

	.section_one h4{display: block;}
	.section_two h4{display: block;}
	.section_three h4{display: block;}

	.section_one { border: 2px solid #072967 !important;background: #ccc;}
	.section_two { border: 2px solid #072967;background: #ccc;}
	.section_three { border: 2px solid #072967;background: #ccc;}
   
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 384px) and (max-width: 767px) {
 /* #testimonial .single-testimonial p{
    padding: 0;
  }
  .our-portfolio .portfolio-content-head ul li{
  	margin: 0 !important;
  	list-style: none !important;
  	margin: 0px 10px 0 -31px !important;
  	display: block !important;
  	list-style: none !important;
  }
  .about-us .about-us-right{
  	margin-top: 41px;
  }
  .history .history-area{
  	text-align: center;
  }
  .busika-thumb{
    margin-top: 40px;
  }
  .history .history-area{
  	padding: 0;
  }
  #scroll-top-area { 
    right: 38px !important;
  }

  .copyright .copyright-links ul{
      text-align: center !important;
    }
*/
}

@media only screen and (max-width: 767px) {
  .select_area .select p {margin-top: 15px;width: 100%;font-size: 16px !important;}
  .select_area { width: 85%; height:100%;margin-right: 0 !important;margin-top: 10px; margin-bottom: 20px;}
  .select-items div, .select-selected {font-size: 16px;}
  .custom-select {
    margin-top:45px;
  }
  .custom-select-text {
    margin-top:15px;
  }

.custom-input {
  margin-top:45px;
  width:240px;
  }

}

@media (max-width: 768px){
  .offset-md-1 {
      margin-left: 0.333333%;
  }

  .page-title{
    font-size:22px !important;
  }
  .row-circles{
    padding-left:2px;
  }
  .about_us p {
    font-size:22px !important;
  }
}