/*========================  Mobile  ========================*/
@media (min-width : 320px) and (max-width: 479px) {
.header_contact h1 { padding-left: 0px; }
.right_border { margin: 11px 6px 0 6px; }
.seeroo { float: left; margin-top: 12px; }
/************************start contact us page****************************/
.auto-container { font-size: 22px; margin-top: 34px; }
#edit-upload-upload .form-file { width: 100%; }
.service_cont { padding: 0 15px; }
ul#portfolio-list li { width: 50% }
.sawaco_tagline { text-align: center }
.top_contact { text-align: center; }
.sawaco_text, .sawaco_icons { text-align: center }
.sawaco_text h2 { line-height: 160% }
.sawaco_icon_1 { padding: 0 18px; border-left: 1px solid #4d657d; }
.sawaco_icons a { display: block; margin: 0 0 20px }
ul#portfolio-filter li { margin-bottom: 10px }
    .main_logo { width: 80%; float: left; max-width: 250px;}
.about_sawaco h1 { font-size: 30px }
.about_sawaco h2 { padding: 0; font-size: 16px }
.about_sawaco p { padding: 0 }
.home_service h1, .plants_head, .awards_head { font-size: 30px }
.home_service { margin: 40px 0 40px 0; }
.home_footer { padding: 60px 0 }
.footer_address { margin-top: 0; margin-bottom: 30px; }
.contact_form { padding: 30px 15px }
.social_media { float: none; text-align: left; }
.social_media ul { padding: 0 }
.social_media ul li { display: inline-block }
.plants_head, .awards_head { font-size: 30px }
.owl-carousel .owl-item img { float: none; width: 100%; padding-right: 0 }
.top_mail, .mob_no { padding: 0 4px; margin: 5px 0 7px }
.top_mail, .top_signup { border-right: 0 }
.service_head { font-size: 18px; margin-top: 10px; }
.service_cont { display: none }
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.service_readmore { margin-top: 10px !important; padding: 5px 17px; font-size: 12px; }
.figure.effect-roxy .figcaption { padding: 10px !important }
.figure.effect-roxy .figcaption::before { top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; }
/*11july2017*/
#modal .modal-dialog {width:auto;}
.modal {top: 0;padding-top: 75px;}
.loginclose_ {display:block;}
.reg_srchloaction_ .map_search_field input {width: 100%;}
.reg_srchloaction_ .map_search_field button {width:100%; margin-top:0;}

.inner_banner {height:140px;}
.inner_banner img {height:100%;}
.inner_banner .banner_content h2 {font-size: 24px;}
.innercontent_area {padding:30px 15px;}
.innercontent_area .content_area {padding: 0; }
.innercontent_area .desalination_content .col-sm-6 { padding:0;}

.myprofile_login_{padding-left: 0px !important; width: 100% !important; float: left;}
.myprofile_login_ .col-md-12{padding-right:0; padding-left:0;}
.myprofile_login_ .col-md-12 .contact_form{ padding:0; background:none !important;}

.customer_address_  .col-md-12.center-block .contact_form{ background:none !important;}
.customer_address_  .col-md-12.center-block  .border_style_3{    margin-left: 25px;width: 80%;}
.add_addrs_srch_ {padding-right:15px !important; padding-left:15px !important;}
.add_addrs_srch_  .map_search {float:right; width:50%; text-align:center; margin-top:0;}
.add_addrs_srch_ .map_search_field input {width: 100%;}
.add_addrs_srch_ .hvr-sweep-to-right_submit_back{ padding:12px 25px;}

.trackorder_details_  .contact_form{ padding:0;}
.trackorder_details_  .contact_form  .table td{float:left; border: none;}
.trackorder_details_  .contact_form  .table td .hvr-sweep-to-right{float:left;}
.trackorder_details_  .contact_form  .panel-body{ padding:0;}
.trackorder_details_  .contact_form  .panel { padding-left:5px; padding-right:5px;}


}

@media (min-width: 480px) and (max-width: 599px) {
.right_border { margin: 11px 14px 0 14px; }
.header_contact h1 { padding-left: 10px; }
.footer_get_in_touch ul li { width: 12%; }
.seeroo { float: right; margin-top: -30px; }
.auto-container { font-size: 22px; margin-top: 60px; }
#edit-upload-upload .form-file { width: 74%; }
.service_cont { padding: 0 15px; }
ul#portfolio-list li { width: 33.33% }
.sawaco_tagline { text-align: center; margin-bottom: 10px }
.top_contact { text-align: center; }
.mob_no, .top_mail, .top_login, .top_signup { padding: 0 5px }
.sawaco_text, .sawaco_icons { text-align: center }
.sawaco_text h2 { line-height: 160% }
.sawaco_icon_1 { padding: 0 18px; }
ul#portfolio-filter li { margin-bottom: 10px }
.mobile_display { display: none }
.service_head { font-size: 18px; margin-top: 31px; }
.about_sawaco h1 { font-size: 30px }
.about_sawaco h2 { padding: 0; font-size: 16px }
.about_sawaco p { padding: 0 }
.service_cont { display: none }
.service_readmore { margin-top: 20px }
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.service_readmore { margin-top: 10px !important; padding: 5px 17px; font-size: 12px; }
.figure.effect-roxy .figcaption { padding: 10px !important }
.figure.effect-roxy .figcaption::before { top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; }
.home_service h1, .plants_head, .awards_head { font-size: 30px }
.home_footer { padding: 60px 0 }
.footer_address { margin-top: 0; margin-bottom: 30px; }
.contact_form { padding: 30px 15px }
.social_media { float: none; text-align: left; }
.social_media ul { padding: 0 }
.social_media ul li { display: inline-block }

/*11july2017*/
#modal .modal-dialog {width: 75%;margin: 0 auto;}
.modal {top: 0;padding-top: 110px;}
.loginclose_ {display: block; }
.reg_srchloaction_ .map_search_field input { width: 100%;}
.reg_srchloaction_ .map_search_field button { width: 35%;margin-top: 0;}
.inner_banner {height:140px;}
.inner_banner img {height:100%;}
.inner_banner .banner_content h2 {font-size: 24px;}
.innercontent_area {padding:30px 15px;}
.innercontent_area .content_area {padding: 0; }
.innercontent_area .desalination_content .col-sm-6 {padding: 0;}

.inner_banner {height: 140px;}
.inner_banner img {height: 100%; }
.inner_banner .banner_content h2 {font-size: 24px;}
.innercontent_area {padding: 30px 15px;}
.innercontent_area .content_area {padding: 0; }
.innercontent_area .desalination_content .col-sm-6 {padding: 0;}

.myprofile_login_{padding-left: 0px !important; }

.customer_address_  .col-md-12.center-block .contact_form{ background:none !important;}
.customer_address_  .col-md-12.center-block  .border_style_3{    margin-left: 25px;width: 80%;}

.add_addrs_srch_  .map_search {float:right; width:50%; text-align:center; margin-top:0;}
.add_addrs_srch_ .map_search_field input {width: 100%;}

.trackorder_details_  .contact_form{ padding:0;}
.trackorder_details_  .contact_form  .table td{float:left; border: none;}
.trackorder_details_  .contact_form  .table td .hvr-sweep-to-right{float:left;}
.trackorder_details_  .contact_form  .panel-body{ padding:0;}
.trackorder_details_  .contact_form  .panel { padding-left:5px; padding-right:5px;}


}

@media (min-width: 600px) and (max-width: 767px) {
.footer_get_in_touch ul li { width: 12%; }
.seeroo { float: right; margin-top: -30px; }
/************************start contact us page****************************/
.auto-container { font-size: 24px; margin-top: 74px; }
.contact-address { height: 410px; }
.about_cont h1 { width: 100%; }
#edit-upload-upload .form-file { width: 80%; }
.service_cont { padding: 0 30px; }
#top_wrapper { text-align: center }
.top_contact { text-align: center; margin-top: 10px }
.top_signup { border-right: 0 }
.sawaco_text, .sawaco_icons { text-align: center }
ul#portfolio-list li { width: 33.33% }
.sawaco_text h2 { line-height: 160% }
.mobile_display { display: none }
.service_readmore { margin-top: 20px }
.service_head { font-size: 30px; margin-top: 31px; }
.about_sawaco h1 { font-size: 30px }
.about_sawaco h2 { padding: 0; font-size: 16px }
.about_sawaco p { padding: 0 }
.service_cont { display: none }
.service_readmore { margin-top: 20px }
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.service_readmore { padding: 5px 17px; font-size: 12px; }
.figure.effect-roxy .figcaption { padding: 10px !important }
.figure.effect-roxy .figcaption::before { top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; }
.home_service h1, .plants_head, .awards_head { font-size: 30px }
.home_footer { padding: 60px 0 }
.footer_address { margin-top: 0; margin-bottom: 30px; }
.contact_form { padding: 30px 15px }
.social_media { float: none; text-align: left; }
.social_media ul { padding: 0 }
.social_media ul li { display: inline-block }
.owl-carousel .owl-item img { display: block; float: none; padding-right: 0; width: 100%; }
.service_list p { color: #6d6d6d; font-size: 14px; margin: 0; padding: 0; height: 82px; overflow: hidden; }

/*11july2017*/
#modal .modal-dialog {width: 60%;margin: 0 auto;}
.modal {top: 0;padding-top: 75px;}
.loginclose_ {display: block; }
.reg_srchloaction_ .map_search_field input {width: 100%;}
.reg_srchloaction_ .map_search_field button {width: 35%;margin-top: 0;float:right;}
.inner_banner {height: 140px;}
.inner_banner img {height: 100%;}
.inner_banner .banner_content h2 {font-size: 24px;}
.innercontent_area { padding: 30px 15px;}
.innercontent_area .content_area {padding: 0;}
.innercontent_area .desalination_content .col-sm-6 {padding: 0;}

.customer_address_  .col-md-12.center-block .contact_form{ background:none !important;}
.customer_address_  .col-md-12.center-block  .border_style_3{    margin-left: 25px;width: 80%;}

.add_addrs_srch_  .map_search {float:right; width:50%; text-align:center; margin-top:0;}
.add_addrs_srch_ .map_search_field input {width: 100%;}

.trackorder_details_  .contact_form{ padding:0;}
.trackorder_details_  .contact_form  .table td{float:left; border: none;}
.trackorder_details_  .contact_form  .table td .hvr-sweep-to-right{float:left;}
.trackorder_details_  .contact_form  .panel-body{ padding:0;}
.trackorder_details_  .contact_form  .panel { padding-left:5px; padding-right:5px;}

}

@media (max-width: 767px) {
#header_wrapper { position: relative;/*background-color: #000;*/ }
.menu_top { width: 100%; }
.header_contact { float: left; }
.carousel-caption { display: none; }
#cssmenu.small-screen #menu-button:after { padding: 2px; }
.who_we_are_cont img { width: 100%; }
#who_we_are { margin: 30px 0; }
.customNextBtn { display: none; }
.customPrevBtn { display: none; }
#business_areas { padding: 30px 0; }
.owl-carousel { margin-top: 24px !important; }
.footer_quick_link { width: 100%; margin-top: 14px; float: left; }
.footer_quick_link ul { margin-top: 0px; }
.footer_get_in_touch { width: 100%; margin-top: 14px; float: left; }
.footer_get_in_touch h1 { margin-top: 12px; }
.footer_get_in_touch ul { margin-top: 24px; }
#cssmenu > ul > li > a { padding: 18px !important; font-size: 14px !important; }
/************************start contact us page****************************/
#contact_form { margin: 20px 0; }
.contact-address { padding: 28px; margin-top: 20px; }
/************************start who we are****************************/
.about_cont img { width: 100%; }
.about_cont { padding: 14px; }
#about_us { margin: 20px 0; }
.about_cont h1 { margin-top: 20px; float: left; }
.inner_our_vision { padding: 20px; }
.inner_our_mission { padding: 20px; }
.pipe img { width: 100%; }
.pipe h1 { margin-top: 20px; width: 90%; margin-left: 20px; }
.pipe p { width: 90%; margin-left: 20px; }
.service_1 { overflow: scroll; }
.service_1 h1 { font-size: 16px; line-height: 24px; }
.service_1 ul li { margin-left: -18px; }
.careersform { padding: 22px; }
.careersform label { width: 100%; }
.form-text { width: 100%; }
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 35px }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 20px }
.sawaco_tagline { display: none }
.content-wrapper .right_box.right_box_order {top: -15% !important;}
}

@media only screen and (min-width: 768px) {
.mobile_display { display: none }
}

/*========================  Tab mini  ========================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
#header_wrapper { position: relative; }
#top_wrapper { text-align: center }
.top_contact { text-align: center; margin-top: 10px }
.top_signup { border-right: 0 }
.menu_top { float: left; width: 100%; }
.header_contact { float: left; }
.carousel-caption h1 { font-size: 24px; }
.carousel-caption h2 { font-size: 18px; margin-top: 10px; margin-bottom: 0 }
.carousel-caption { top: 12%; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 50%; }
#cssmenu.small-screen #menu-button:after { padding: 2px; }
.who_we_are_cont img { margin: 0 30px 6px 0; width: 40%; }
.customNextBtn { right: -8px; }
.customPrevBtn { left: -8px; }
#business_areas { padding: 30px 0; }
.owl-carousel { margin-top: 24px !important; }
.footer_quick_link { width: 100%; margin-top: 14px; float: left; }
.footer_quick_link ul { margin-top: 0px; }
.footer_get_in_touch { width: 100%; margin-top: 14px; float: left; }
.footer_get_in_touch h1 { margin-top: 12px; }
.footer_get_in_touch ul { margin-top: 24px; }
.footer_get_in_touch ul li { width: 8%; }
.footer_quick_link ul li { width: 36%; }
.seeroo { margin-top: -30px; }
#cssmenu > ul > li > a { padding: 18px !important; font-size: 14px !important; }
/************************start contact us page****************************/
#contact_form { margin: 20px 0; }
.auto-container { font-size: 30px; margin-top: 100px; }
.contact-address { margin-top: 20px; height: 434px; }
.about_cont img { width: 40%; }
.product_list, .product_list_1 { margin-top: 6px; }
.form-text { width: 57%; }
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.service_head { font-size: 30px; margin-top: 15px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.service_readmore { margin-top: 20px; padding: 10px 20px }
.service_cont { padding: 0 30px; margin-top: 10px; height: 44px; overflow: hidden; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 35px }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 20px }
.sawaco_text, .sawaco_icons { text-align: center }
ul#portfolio-list li { width: 25% }

/*11july2017*/
#modal .modal-dialog { width: 55%;margin: 0 auto;}
.modal {top: 0;padding-top: 75px;}
.loginclose_ { display: block;}

.inner_banner {height: 140px;}
.inner_banner img { height: 100%;}
.inner_banner .banner_content h2 {font-size: 24px;}
.innercontent_area {padding: 30px 15px;}
.innercontent_area .content_area {padding: 0;}
.innercontent_area .desalination_content .col-sm-6 {padding: 0; float:left; width:100%;}
.innercontent_area .desalination_content .col-sm-6 .col-sm-6.deslination_thumb {width: 46%;margin-right: 15px;}

.myprofile_login_{width: 85% !important;}
#cssmenu > ul > li > a {
    padding: 12px 18px !important;
    font-size: 13px !important;
}


.customer_address_  .col-md-12.center-block .contact_form{ background:none !important;}
.customer_address_  .col-md-12.center-block  .border_style_3{    margin-left: 25px;width: 80%;}

.add_addrs_srch_  .map_search {float:right; width:50%; text-align:center; margin-top:0;}
.add_addrs_srch_ .map_search_field input {width: 100%;}


}

/*========================  Tab mini  ========================*/

@media only screen and (min-width: 992px) and (max-width: 1023px) {
.grid .figure img { min-height: inherit }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.service_head { font-size: 30px; margin-top: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.service_readmore { margin-top: 20px }
.carousel-caption h1 { font-size: 24px; }
.carousel-caption h2 { font-size: 18px; margin-top: 10px; margin-bottom: 0 }
.sawaco_icon_1 { padding: 0 15px }
}

/*========================  1024 re small scree  ========================*/
@media only screen and (min-width: 1023px) and (max-width: 1100px) {
#cssmenu > ul > li > a { padding: 10px !important; font-size: 14px !important; }
.carousel-caption h1 { font-size: 34px; }
.carousel-caption h2 { font-size: 24px; margin-top: 10px !important; }
.carousel-caption { top: 30%; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 50%; }
.customNextBtn { right: -20px; top: 240px; }
.customPrevBtn { left: -20px; top: 240px; }
#business_areas { padding: 30px 0; }
.owl-carousel { margin-top: 24px !important; }
.auto-container { font-size: 38px; margin-top: 154px; }
.pipe h1 { width: 50%; }
.form-text { width: 52%; }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.service_head { font-size: 30px; margin-top: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-caption h1 { font-size: 24px; }
.carousel-caption h2 { font-size: 18px; margin-top: 10px; margin-bottom: 0 }
.sawaco_icon_1 { padding: 0 15px }

/*11july2017*/
.modal { top:0;}
.top_loginOrder, .top_login, .top_signup {padding: 0 10px; }
.loginclose_ {display: block; }
.table-responsive .table_normal {width:100%;}
.innercontent_area .content_area {padding: 0;}
.inner_banner .banner_content h2 {font-size:25px;}

}

@media only screen and (min-width:1101px) and (max-width:1199px) {
#cssmenu > ul > li > a { padding: 37px 10px; }
#cssmenu > ul > li.has-sub > a { padding-right: 26px; }
.sawaco_text h1 { font-size: 34px; }
.sawaco_text h2 { font-size: 15px }
.about_sawaco h1 { font-size: 34px }
.service_head { font-size: 30px; margin-top: 20px; }
.about_sawaco h2 { font-size: 16px }
.figure.effect-roxy .figcaption { padding: 20px }
.figure.effect-roxy .figcaption::before { top: 20px; right: 20px; bottom: 20px; left: 20px; }
.figure.effect-roxy img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure.effect-roxy .figcaption::before, .figure.effect-roxy p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sawaco_icon_1 { padding: 0 15px }
}

@media (max-width: 1200px) {.content-wrapper .right_box.right_box_order {top: -35%;}
}



/*========================  1200 re large scree  ========================*/
@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1400px) {
.service_head { font-size: 36px; margin-top: 30px; }
.figure.effect-roxy .figcaption { padding: 30px }
.figure.effect-roxy .figcaption::before { top: 30px; right: 30px; bottom: 30px; left: 30px; }
}

@media (min-width: 1200px) and (max-width: 1280px) {
.carousel-caption h1 { font-size: 44px; }
.carousel-caption h2 { font-size: 34px; margin-top: 10px !important; }
.carousel-caption { top: 30%; }
.customNextBtn { right: -12px; top: 240px; }
.customPrevBtn { left: -12px; top: 240px; }
#business_areas { padding: 30px 0; }
.owl-carousel { margin-top: 24px !important; }
.auto-container { font-size: 42px; margin-top: 180px; }
.carousel-caption h1 { font-size: 28px; }
.carousel-caption h2 { font-size: 20px; margin-top: 10px; margin-bottom: 0 }
}

@media (min-width: 1300px) and (max-width: 1366px) {
.customNextBtn { right: -30px; top: 240px; }
.customPrevBtn { left: -30px; top: 240px; }
#business_areas { padding: 30px 0; }
.owl-carousel { margin-top: 24px !important; }
.auto-container { margin-top: 188px; }
}

@media (min-width: 1368px) and (max-width: 1450px) {
.customNextBtn { top: 240px; }
.customPrevBtn { top: 240px; }
.auto-container { margin-top: 200px; }
}

@media (min-width: 1600px) and (max-width: 1680px) {
}

@media (min-width: 1900px) and (max-width: 1920px) {
}



/* CSS Document */