@media(max-width:3000px) and (min-width: 1700px){       
.back_img {
    background: url(../images/about-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 25%;
    background-size:cover;
}

    .back_img2 {
    background: url(../images/services-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 25%;
    background-size:cover;
    }

    .back_img3 {
    background: url(../images/enquiry-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 25%;
    background-size:cover;
    }
    .back_img4{
    background-attachment: fixed;
    height: 410px;
    background-position-y: 25%;
    background-size:cover;
    }
    .back_img5 {
    
    height: 410px;
    background-position-y: 25%;
    background-size:cover;
    }

   .back_img .about_mrg, .back_img2 .about_mrg, .back_img3 .about_mrg, .back_img5 .about_mrg {
    margin-top: 215px;
}

}
@media (max-width: 767px){ 

    .navbar-toggle{ margin-right: 0px;}

    .carousel { margin-top: 85px;}

	.skey:before{
	    content: "";
    position: absolute;
    background: #23324c00;
    top: 0;
    left: -12px;
    bottom: 0px;
    height: 50px;
    width: 45px;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    transform: none;
    }

    .skey .pull-right{  
        float: none !important;
        text-align: center;
        margin: 0px;
        }

    .pre-header_small{ 
        background-color: #23324c;
    }

    .pre-header_small ul li { 
        padding: 2px 5px 5px 5px;;
        margin: 0px; 
        text-align: center;
        }

    .pre-header_small ul li a { 
        font-size: 10px;
        font-family: 'Montserrat-Light';
        color: #ffffff;
        text-decoration: none;
    }

    .navbar-default .navbar-toggle {
            background-color: transparent;
            border: none;
        }

    .small_navbar {
        background-color: #ffffff00;
        border-color: #ffffff00;
        }

    .small_device { 
    /*float: none;
     height: 50px; 
    padding: 5px 0px;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 16px;*/
    position:initial;
    }


    .pad_tp_bottom { padding: 5px 15px;}

    .small_toggle { margin-top: 10px;}

    .navbar-default
    .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
    background-color: #ff000000;
    }

    .section_2 .box { 
    margin-top: 20px !important;
    height: 140px !important;
    width: 140px;
    margin: 0 auto;
    }

    .navbar-default .navbar-nav>li>a {
    padding: 10px 0px !important;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus, 
    .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e700;
}

    .navbar-collapse{ padding: 0px;}

    .navbar-nav {
    margin: 0px;
    }

    .dropdown_services .dropdown-menu{ 
        margin: 0px;
        box-shadow: 0 4px 5px rgba(0,0,0,.175);
        z-index: 999999;
        position: relative!important;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09) !important;

    }

    .dropdown:hover .dropdown-menu {
    display: contents !important;
    }

  /*  .dropdown_tool:hover .dropdown-menu {
    display: contents !important;
    }*/

    .dropdown-menu:before {
      background-color: #23324c;
    bottom: 13px;
    content: '';
    display: none;
    height: 7px;
    left: 25%;
    margin-left: -28px;
    position: relative;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
 
}

    .dropdown_tool .dropdown-menu{ 
         margin: 0px;
        box-shadow: 0 4px 5px rgba(0,0,0,.175);
        z-index: 999999;
        position: relative!important;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.09)!important;
    }

    .dropdown .dropdown-menu li a{
        padding: 5px 35px !important;
        color: #23324c;
    }

    .dropdown_tool .dropdown-menu li a{
        padding: 5px 35px !important;
        color: #23324c;
    }

    .arrow .fa-angle-left
        {
        margin-left: -10px;
        }

    .arrow .fa-angle-left,
    .arrow .fa-angle-right,
     {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    }  

    .section_2 .box .icon_box {
    padding: 10px !important;
    }

    .section_2 .box .read_more { 
       opacity: 1;
        font-size: 13px;
    }

        .shrink .pre-header{
    margin-top: 0px;
    }

  .shrink .navbar-brand {
    padding: 0px !important;
    height: 0px !important;
  }

  .section_3 { 
    background-image: none;
    background-repeat: no-repeat;
    padding: 10px 0px;
    }

    .section_3 { 
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position-x: 0px !important;
    }

    .process h3 {
    font-size: 25px;
    font-family: "Montserrat-SemiBold";
    color: #ffffff;
    margin: 20px 0px;
    margin-left: 10px;
    }

    .footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 360px;
    background: #065377;
    top: 30px;
    display:none;
}
.footer .small_line3:after{
    display:none;
}
.footer .small_line4:after{
    display:none;
}

.bottom_stripp .copyright {
    text-align: center;
    font-size: 11px;
}

.bottom_stripp .maker {
    text-align: center;
    font-size: 11px;
    
}

.footer .width {
    font-family: "Montserrat-Regular0";
    font-size: 14px;
}

.footer .u-line1,
        .u-line2,
        .u-line3,
        .u-line4 {
    width: 95px !important;
    }

    .footer .col-xs-6 .col-xs-12 {
    margin-top: 20px !important;
    }

    .locate .address {
        left: 0px !important;
    }

    .footer .mrg_top{ 
        margin-top: 10px;
    }

    .footer{ 
        padding: 0px;
    }

    .back_img {
    background: url(../images/about_bg.jpg) no-repeat;
    background-attachment: fixed;
    height: 176px;
    background-position: 30% -10%;
    }

    .back_img .about_mrg,
    .back_img2 .about_mrg,
    .back_img3 .about_mrg,
    .back_img4 .about_mrg,
    .back_img5 .about_mrg {
    margin-top: 115px !important;
    }

    .back_img .page_Head,
    .back_img2 .page_Head,
    .back_img3 .page_Head,
    .back_img4 .page_Head,
    .back_img5 .page_Head {
    font-size: 15px;
    }

    .breadcrumb li a {
    font-size: 13px;
    }

    .breadcrumb li.active a {
    font-size: 13px;
    }

    .pan_section {
    z-index: 0;
    margin-top: 0px; 
    position: inherit; 
    left: 0px; 
    border-left: 0px;
    border-right: 0px;
    border: 1px solid #ededed;
    }

    .nav-tabs>li {
    float: none;
    }

    .about_page3 .block .sub_block p {
    font-size: 11px;
    }

    .about_page3 .block .sub_block .nmbr {
        font-size: 17px;
    }

    .about_page3 .block {
    margin-bottom: 20px;
    }

    .about_page3 .block {
    border-top: 3px solid #004a80;
    padding: 5px 0px;
    }

    .about_page3 .block .sub_block .abt_icon {
   
    font-size: 38px;
    }

    .about_page3 .sub_block ul li {
    display: inline-block;
    width: 40px;
    }

    .about_page3 .block .sub_block .nmbr {
    top: -10px;
    }

    .services .pl_right { 
      float: none;
    }

    .services .srvs_img_1 {
    padding-left: 0px !important;
    float: none;
    }

    .services .srvs_img_3 {
    padding: 0px 15px !important;
    float: none;
    }

    .services .srvs_img_2 {
    padding: 0px 15px !important;
    float: none;
    }

    .services .srvs_1 {
    padding: 10px !important;
    margin: 0px !important;
    }


    .services .srvs_3 { 
    background: #f9f9f9;
    margin: 0px 15px;
    padding: 10px;
    }
   

    .services .srvs_2 {
       padding: 10px !important;
    margin: 15px;
    }

    .services .srvc_box .srvs_head {
    font-size: 12px !important;
    margin-bottom: 0px;
    }

    .services .srvc_box .srvs_head span {
    font-size: 14px !important;
    }

    .enquiry .form_box {
        margin-top: 10px;
    }

    .form_box .box_style {
    margin: 10px 0px; 
    }

    .contact .form_box {
        margin-top: 10px;
    }

    .contact .box_style {
    margin: 0px 0px; 
    }

    .comparisonTable table td {
    padding: 10px;
    }

   .enquiry .eqry_mr_top {
        margin-top: 20px;
    }

    .Usful_tool_1 .content-bg {
        border:0px !important;
    }

    .convertions .comparisonTable {
    margin-left: 0px;
    }

    .convertions #colms {
        padding: 0px;
    }

    .useful_tool4 #colms {
        padding: 0px;
    }
.navbar-brand.small_device img {
    width: 29%;
    margin-top: 0px;
}
p {
    font-family: "Montserrat-Light";
    font-size: 13px;
}
.products h4 {
    font-size: 17px;
}
.footer .small_line2:after{
    display:none;
}
.footer .contact .email {
    position: relative;
    top: auto !important;
}
.products h4.heading {
    font-size: 20px;
}
.section_2 .box:hover {
    margin: 0 auto;
    height: 125px;
    cursor: pointer;
}
.carousel-indicators {
    position: absolute;
    bottom: -10px;
    }
    .carousel .arrow .left_arow {
    width: 25%;
}
.carousel .arrow .right_arow{
    width: 25%;
}
.about_page2 .tab-pane ul {
    padding-left: 15px;
}
.services .srvs_img_2 {
    margin-left: 0px;
}
.row-reverse{
display:flex;
flex-wrap:wrap;
flex-direction:column-reverse;
}
.section3.about-business {
    margin-bottom: 30px;
}
}

/*mobile view css end*/


/*iphone 5 portrait view css start*/

@media (max-width: 320px) {

   .footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 165px;
    background: #065377;
    top: 26px;
}

.footer .small_line2:after {
     content: "";
    position: relative;
    height: 1px;
    width: 45px;
    right: 8px !important;
    background: #065377;
    top: 25px !important;

}

.footer .u-line2 {
    width: 107px;
}

.footer .u-line3 {
    width: 55px !important;
    }

.footer .small_line3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 46px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 164px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .contact .email {
    position: relative;
    top: -5px !important;
    }

}


/*iphone 5 portrait view css end*/



/*iphone 5 landscape view css start*/

@media screen and (max-width: 568px) and (min-width: 500px){

.mob_box .img_box1:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 145px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
}

.mob_box .img_box2:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 145px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
}

.mob_box .img_box4:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 145px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
}

.mob_box .img_box5:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 145px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
}

.footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 396px;
    background: #065377;
    top: 26px;
}

.footer .small_line2:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 132px !important;
    background: #065377;
    top: 26px !important;
}

.footer .small_line3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 130px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 412px !important;
    background: #065377;
    top: 26px !important;
    } 

    .footer .contact .email {
    position: relative;
    top: -5px !important;
    }  


}
/*iphone 5 landscape view css end*/


/*iphone 6 portrait*/

@media screen and (max-width: 375px) and (min-width: 321px){

    .mob_box .img_box1:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 103px;
    bottom: 0px;
    height: 2px;
    width: 40px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box2:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 103px;
    bottom: 0px;
    height: 2px;
    width: 40px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box4:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 103px;
    bottom: 0px;
    height: 2px;
    width: 40px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box5:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 103px;
    bottom: 0px;
    height: 2px;
    width: 40px;
    text-align: center;
    background: #ffffff;
    }

    .footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 205px;
    background: #065377;
    top: 26px;
}

.footer .small_line2:after {
    content: "";
    position: absolute !important;
    height: 1px;
    width: 60px;
    right: 37px !important;
    background: #065377;
    top: 26px !important;
}

.footer .small_line3:after {
    width: 50px;
    right: 32px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 220px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .contact .email {
    position: relative;
    top: -5px !important;
    } 

}

/*iphone 6 landscape css start*/

@media screen and (max-width: 667px) and (min-width: 600px) { 

    .mob_box .img_box1:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 180px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box2:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 180px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box4:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 180px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
    }

    .mob_box .img_box5:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 180px;
    bottom: 0px;
    height: 2px;
    width: 80px;
    text-align: center;
    background: #ffffff;
    }

    .footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 496px;
    background: #065377;
    top: 26px;
    }

.footer .small_line2:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 182px !important;
    background: #065377;
    top: 26px !important;
}

.footer .small_line3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 178px !important;
    background: #065377;
    top: 26px !important;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 60px;
    right: 512px !important;
    background: #065377;
    top: 26px !important;
    } 

    .footer .contact .email {
    position: relative;
    top: -5px !important;
    } 



 }

 /*iphone 6 landscape css end */ 



/*mobile portrait view css end*/









@media (max-width: 330px){ 

    .small_toggle { margin-top: 13px;}

}

@media screen and (max-width: 375px) and (min-width: 331px){

 .small_toggle { margin-top: 15px;}

}

@media screen and (max-width: 570px) and (min-width: 376px){

 .small_toggle { margin-top: 20px;}

}

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

 .small_toggle { margin-top: 20px;}

}



    /*portrade view csss start*/

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

.dropdown:hover .dropdown-menu { 
    display: block;
  }

   .navbar-nav .dropdown .swip{

   -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;

  }
 .navbar-nav .dropdown:hover .swip{ 
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform transition: rotate(180deg);
  
  }


}




        /*portrait css start*/

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

   

    .navbar-default .navbar-nav>li>a {
    font-size: 13px;
    padding: 12px 0px !important;
    margin: 0px 12px !important;
    text-decoration: none;
    font-family: "Montserrat-Regular0";
    }


/*.navbar-default 
.navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #0d1422;
    background-color: #ffffff;
    font-family: 'Montserrat-Regular0';
    font-size: 13px;
    padding: 10px 0px !important;
    margin: 0px 12px;
    text-decoration: none; 
    }*/

    .pre-header:after{ 
       content: "";
        position: absolute;
        background-image: url("../images/header_bg1.jpg");
        height: 35px;
        background-size: cover;
        width: 100%;
        right: -94%;
    }
  

    .dropdown_services .dropdown-menu {
    border-top: 5px solid #23324c;
    margin: 2px -72px;
    color: #23324c;
    }

    .dropdown .dropdown-menu li a{
        padding: 5px 10px;
        font-size: 12px;
        color: #23324c;
    }

    .dropdown_tool .dropdown-menu {
        border-top: 5px solid #23324c;
        margin: 2px -45px;
        color: #23324c;
    }

    .small_device { 
       top: 25px;
    }

    .shrink .small_device { 
       top: 5px;
    }

     .section_2 .small_box { 
        padding: 0px 5px;
        }

    .section_2 .box .icon_box { 
    padding: 7px;
    }

    .section_2 .box .icon_box span:nth-child(1) {
    font-size: 30px;
    }

    .section_2 .box .icon_name p {
    font-size: 10px;
    font-family: 'Montserrat-SemiBold';
    }

    .section_2 .box {
    height: 125px;
    }

    .section_2 .box .underline {
    width: 55px;
    border: 2px solid #008dd2;
    }

    .section_2 .box .read_more { 
        opacity: 1;
        font-size: 13px;
        }

    .section_2 .box a{ 
        font-size: 11px;
    }

    .navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
    }

 .navbar-nav .dropdown .swip { 
    -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
    }

 .navbar-nav .dropdown:hover .swip {
 -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform transition: rotate(180deg);
    }

     .small_device img { 
        width: 100%;
    }

    .section_3 { 
    background-image: url(../images/boat2.png) !important;
    background-repeat: no-repeat;
    padding: 10px 0px;
    background-position-x: 280% !important;
    }

    .process h3 {
    font-size: 25px;
    font-family: "Montserrat-SemiBold";
    color: #ffffff;
    margin: 20px 0px;
    text-align: center;
    }


    .process_box .process_img{ 
    height: 90px;
    width: 90px;
    padding: 20px 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    }

    .process_box .process_img span:nth-child(1) {
    font-size: 45px;
    }

    .process_box .one{
    position: absolute;
    top: 27%;
    left: 8px;
    }

    .process_box .number p {
    margin: 0px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 2px 7px;
    color: #13597b;
    font-size: 13px;
    }

    .process_box .dass_1 {
    position: absolute;
    top: 44px !important;
    right: -23px !important;
    width: 9px !important;
    border: 1px solid #fff;
    }

    .box2 { 
    margin-left: 20px;
    }

    .process_box .two {
    position: absolute;
    top: 27%;
    left: 28px;
    }

    .box3{ 
    margin-left: 40px;
    }

    .process_box .dass_2{
    position: absolute;
    top: 44px !important;
    right: -43px !important;
    width: 9px !important;
    border: 1px solid #fff;
    }

    .process_box .three {
    position: absolute;
    top: 27%;
    left: 48px;
    }

    .m_left_70 { 
    margin-left: 0px;
    }


    .process_box .dass_4 {
    position: absolute;
    top: 41px !important;
    right: -23px !important;
    width: 9px !important;
    border: 1px solid #fff;
    }

    .box5 {
        margin-left: 20px;
    }

    .process_box .five {
    position: absolute;
    top: 21% !important;
    left: 26px !important;
    }

    .process_box .dass_5 {
    position: absolute;
    top: 44px !important;
    right: -11px !important;
    width: 9px !important;
    border: 1px solid #fff;
    }

    .box6 { 
    margin-left: 5px !important;
    }

    .process_box .six {
    position: absolute;
    top: 27% !important;
    left: 13px !important;
    }

    .box6 h5 {
    font-size: 13px;
    margin-left: 20px;
    }

    .footer .small_line1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 56px;
    background: #065377;
    top: 30px;
    }

    .footer .small_line2:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 42px;
    right: 15px !important;
    background: #065377;
    top: 30px;
    }

    .footer .small_line3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 35px !important;
    right: 20px !important;
    background: #065377;
    top: 30px;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 25px !important;
    right: 26px !important;
    background: #065377;
    top: 30px;
    }

    .footer .contact .email {
    position: relative;
    top: -20px;
    font-size: 11px;
    }

    .back_img,
    .back_img2 {
    height: 250px;
    background-position-x: 25%;
    }

    .back_img .about_mrg,
    .back_img2 .about_mrg {
    margin-top: 150px;
    }

    .pan_section {
    margin-top: 0px;
    }

    .pan_section ul li a {
    font-size: 13px;
    }

    .tab-content>.tab-pane p {
    font-size: 13px;
  
    }

    .tab-content>.tab-pane {
        padding: 20px;
    }

    .pan_section {
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    }

    .about_page3 {
    background-size: 100% 80% !important;
    }

    .about_page3 .block .sub_block .abt_icon {
    font-size: 40px;
    }

    .about_page3 .block .sub_block .nmbr {
    font-size: 25px;
    position: relative;
    margin: 0 auto;
    top: -7px;
    }

    .about_page3 .sub_block ul {
        margin: 0px;
    }

    .about_page3 .sub_block ul li {
    display: inline-block;
    width: 50px;
    }

    .about_page3 .block .sub_block p {
    font-size: 15px;
    }

    .about_page3 .block {
    padding: 5px 0px;
    }

    .about_page3 .block {
    margin: 30px 0px;
    }

    .services .srvs_1 {
    padding: 10px 0px 10px 10px !important;
    margin-left: 10px;
    }

    .services .srvs_img_1 {
    padding-left: 30px;
    float: right;
  }

   .services .srvs_img_3 {
    padding-left: 30px;
    float: right;
  }

    .services .srvs_2 { 
    padding: 10px 0px 18px 10px !important;
    margin-right: 10px;
    }


    .services .srvs_img_2 {
      padding-right: 30px;
      float: left;

    }


    .services .srvc_box .srvs_head {
    font-size: 14px;
    margin-bottom: 3px;
    }

    .services .srvc_box .srvs_head span {
    font-size: 16px;
    }

    .services .info_box p{
    font-size: 13px;
    }

    .form_box .form_head {
    font-size: 20px;
    }

    .enquiry form {
    margin: 0px !important;
    margin-top: 10px !important;
    }

    .enquiry form .form-group {
    margin-bottom: 10px;
    }

    .form_box .box_style {
    margin: 0px;
    }

    /*.form-group .btn-blue {
     padding: 6px 12px; 
    }

    .form-group .btn-dark_blue {
     padding: 6px 12px; 
    }*/

    .contact_pg form {
    margin: 0px !important;
    margin-top: 20px !important;
    }

    .contact_pg form .form-group {
    margin-bottom: 10px;
    }

    .form_box .box_style {
    margin: 0px;
    }

    .contact_pg .form-group .btn-blue {
     padding: 6px 12px; 
    }

    .contact_pg .form-group .btn-dark_blue {
     padding: 6px 12px; 
    }


    .img-captcha {
    height: 45px;
    width: 115px !important;
    }
}

   

  /*portrade view css end*/



  /*landscape view css start */

    @media (max-width: 1024px){ 



     .img-captcha {
        height: 45px;
    width: 150px;
    }

        .enquiry .eqry_mr_top {
        margin-top: 20px;
    }

    .navbar-default .navbar-nav>li>a {
    color: #777;
    color: #23324c;
    background-color: #ffffff;
    font-family: 'Montserrat-Regular0';
    font-size: 13px;
    padding: 15px 0px;
    margin: 0px 12px;
    }

    /*.navbar-default 
    .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
    color: #23324c;
    background-color: #ffffff;
    font-family: 'Montserrat-SemiBold';
    font-size: 12px;
    padding: 10px 0px;
    }*/

    .pre-header:after{ 
    content: "";
    position: absolute;
    background-image: url("../images/header_bg1.jpg");
    height: 35px;
    background-size: cover;
    width: 100%;
    right: -94%;
    }


    .dropdown .dropdown-menu li a {
    padding: 5px 10px;
    color: #23324c;
    border-bottom: 1px solid #f5f5f5;
    font-size: 13px;
    }


    .section_2 .small_box { 
    padding: 0px 5px;
    }

    .section_2 .box:hover{ 
    margin: -15px 0 0 0;
    height: 125px;
    cursor: pointer;
     }

    .section_2 .box { 
    height: 130px;
    }

    .section_2 .box .icon_box { 
    padding: 7px;
    }

    .section_2 .box .icon_box span:nth-child(1) {
    font-size: 30px;
    }

    .section_2 .box .icon_name p {
    font-size: 10px;
    font-family: 'Montserrat-SemiBold';
    }

    .section_2 .box .underline {
    width: 50px;
    border: 3px solid #008dd2;
    }

    .section_2 .box a { 
        font-size: 10px;
        opacity: 1;
    }

    /*.shrink .navbar-brand {
        padding: 2px 25px;
    }*/

    .section_3 {
    background-image: url(../images/boat2.png);
    background-repeat: no-repeat;
    padding: 5px 0px;
    background-position-x: -470px;
    }

    .services_pad_2 {
        padding-top: 15px;
    }

    .process_box .dass_1 {
    position: absolute;
    top: 53px;
    right: -23px;
    width: 15px;
    border: 1px solid #fff;
    }

    .box2 {
    margin-left: 20px;
    }

    .process_box .two {
    position: absolute;
    top: 27%;
    left: 25px;
    }

    .box3 {
    margin-left: 39px;
    }

    .box1 h5 { 
    font-size: 13px;
    margin-left: 5px;
    }

    .box3 h5{ 
    font-size: 13px;
    margin-left: 20px;
    }

    .box2 h5{ 
    font-size: 13px;
    margin-left: 8px;
    }

    .box4 h5{ 
    font-size: 13px;
    margin-left: 15px;
    }

    .box5 h5{ 
    font-size: 13px;
    margin-left: 8px;
    }

    .box6 h5 { 
    font-size: 13px;
    margin-left: 35px; 
    }

    .process_box .three {
    position: absolute;
    top: 27%;
    left: 45px;
    }

    .process_box .dass_2 {
    position: absolute;
    top: 53px;
    right: -42px;
    width: 15px;
    border: 1px solid #fff;
    }

    .process_box .dass_4 {
    position: absolute;
    top: 53px;
    right: -21px;
    width: 15px;
    border: 1px solid #fff;
    }

    .process_box .five {
    position: absolute;
    top: 23%;
    left: 23px;
    }

    .box5 {
    margin-left: 33px;
    }

    .pad_0 {
        padding: 0px;
    }

    .box6 {
    margin-left: 35px;
    }

    .process_box .dass_5 {
    position: absolute;
    top: 53px;
    right: -38px;
    width: 15px;
    border: 1px solid #fff;
    }

    .process_box .six {
    position: absolute;
    top: 27%;
    left: 40px;
    }

    .footer {
    background: url(../images/footer_bg.png);
    background-position: 40% 110%;
    }

    .footer_clr { 
    background-color: #002342;
    }

    .footer .u-line1 {
    width: 133px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    }

    .footer .u-line2 {
    width: 116px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    }

    .footer .small_line2:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 42px;
    right: 70px;
    background: #065377;
    top: 30px;
    }

    .footer .u-line3 {
    width: 55px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    }

    .footer .small_line3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 46px;
    background: #065377;
    top: 30px;
    }

    .footer .u-line4 {
    width: 120px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    }

    .footer .small_line4:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    right: 62px;
    background: #065377;
    top: 30px;
    }

    .footer .contact .icon-envelope{
        display: none;
    }

    .footer .contact .email{  
    position: relative;
    top: -20px;
    }


    .back_img {
    background: url(../images/about_bg.jpg) no-repeat;
    background-attachment: fixed;
    height: 180px;
    background-position: 25% -2%;
    } 

    .back_img2 {
    background: url(../images/services_bg.jpg) no-repeat;
    background-attachment: fixed;
    height: 180px;
    background-position: 25% -5%;
    }

    .back_img3 {
    background: url(../images/enquiry.jpg) no-repeat;
    background-attachment: fixed;
    height: 180px;
    background-position: 25% -5%;
    }

    .back_img4 {
    background: url(../images/contact_bg.jpg) no-repeat;
    background-attachment: fixed;
    height: 180px;
    background-position: 25% -5%;
    }

    .back_img5 {
    background: url(../images/useful-tools.jpg) no-repeat;
    background-attachment: fixed;
    height: 180px;
    background-position: 25% -5%;
    }

    .back_img .about_mrg,
    .back_img2 .about_mrg,
    .back_img3 .about_mrg,
    .back_img4 .about_mrg,
    .back_img5 .about_mrg{
    margin-top: 105px;
    }

    .back_img .about_mrg, 
    .back_img2 .about_mrg, 
    .back_img3 .about_mrg, 
    .back_img4 .about_mrg,
    .back_img5 .about_mrg {
    margin-bottom: 0px !important;
    }


    .services .srvs_1 {
    padding: 60px 5px 60px 20px;
    margin-left: 25px;
    }

    .services .srvs_img_1 {
    padding-left: 30px;
    float: right;
  }

  .services .srvs_img_3 {
    padding-left: 30px;
    float: right;
  }

    .services .srvs_2 { 
    padding: 65px 0px 65px 20px;
    margin-right: 10px;
    }

    .services .pad_18 { 
    /*padding: 10px 0px 18px 10px;*/
   
    }

    .services .srvs_img_2 {
      padding-right: 30px;
      float: left;

    }


    .services .srvc_box .srvs_head {
    font-size: 14px;
    margin-bottom: 3px;
    }

    .services .srvc_box .srvs_head span {
    font-size: 16px;
    }

    .services .info_box p{
    font-size: 13px;
    }

    .enquiry form {
    margin: 5px 0px;
    }

    .contact form {
    margin: 5px 0px;
    }

.tab-content>.tab-pane {
    padding: 20px 20px 20px 20px;
}

}

/*landscape view css end */




/*images background-position css end */

@media screen and (max-width: 1400px) and (min-width: 1366px){

    .section_3 { 
    background-image: url(../images/boat2.png);
    background-repeat: no-repeat;
    background-position: -70%;
    }
}

@media screen and (max-width: 2000px) and (min-width: 1401px){

    .section_3 { 
    background-image: url(../images/boat2.png);
    background-repeat: no-repeat;
  
    }
}

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

    .section_3 { 
    background-image: url(../images/boat2.png);
    background-repeat: no-repeat;
     background-position: -100%;
    }
}


/*laptop view css start */

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

    .back_img {
    background: url(../images/about-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 35%;
}

    .back_img2 {
    background: url(../images/services-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 35%;
    }

    .back_img3 {
    background: url(../images/enquiry-breadcrum.jpg) no-repeat;
    background-attachment: fixed;
    height: 410px;
    background-position-y: 35%;
    }
    .back_img4{
    background-attachment: fixed;
    height: 410px;
    background-position-y: 35%;
    }
    .back_img5 {
    
    height: 410px;
    background-position-y: 35%;
    }

   .back_img .about_mrg, .back_img2 .about_mrg, .back_img3 .about_mrg, .back_img4 .about_mrg, .back_img5 .about_mrg {
    margin-top: 215px;
}

   .back_img4 .about_mrg { 
    margin-top: 215px;
    margin-bottom: 45px;
     }



}

/*laptop view css start */




/*images background-position css end */