/* CSS Document */
a:hover, a:active, a:focus{outline : none; border:0;}
 @font-face {
    font-family: 'icomoon';
   src: url('../fonts/icomoon.eot?d9p273');
   src: url('../fonts/icomoon.eot?d9p273#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?d9p273') format('truetype'),
        url('../fonts/icomoon.woff?d9p273') format('woff'),
        url('../fonts/icomoon.svg?d9p273#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
 .MFONT{font-family: 'Montserrat', sans-serif;}
 .OFONT{font-family: 'Open Sans', sans-serif;}
 
 .icon-phone:before {content: "\e942";/* color:#fabd02; */padding:0 5px 0 0px;}
 .icon-envelope:before {content: "\f0e0";/* color:#fabd02; */padding:0 5px 0 0px;}
 .icon-user-tie:before { content: "\e976"; /*color:#fabd02;*/ padding:0 5px 0 0px;} 
 .icon-location2:before {content: "\e948";/*color:#fabd02; */padding:0 5px 0 0px;} 
 .icon-th-list:before { content: "\f00b";color:#fff;}
 .top-mail li .icon-envelope:before {content: "\f0e0"; color:#d9d9d9; padding:0 5px 0 0px;}   
 .top-bar{ width:100%; margin:auto; background-color:#232b2d; border-bottom: solid 3px #f6b609;}
 .top-mail { list-style:none;text-align:right; margin:10px 0 10px 0px;}
 .top-mail li{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; display:inline-table; display:inline-block; color:#fabd02; margin:0 35px 0px 0px;}
 .top-mail li a{ color:#d9d9d9; text-decoration:none;}
 .top-mail li a:hover{ color:#fabd02; text-decoration:underline;}
 .logo1{ float:left; margin:8px 0 8px 0px;}
 .logo1 img{text-align:center; width:160px;}
 .navigat1{ float:right; text-align:right; margin:55px 0 0 0px}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,    .carousel-control .icon-prev {font-size: 0; 
    margin-top: -10px;
   /* height: 30px;
	width: 30px;*/ }
.carousel-text{ position:absolute; text-align:left; color:#ffffff; top:25%; left:19%; z-index:10; max-width:500px;}
.slider-caption1{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:32px; text-transform:uppercase; color:#fff;}   
.slider-subcaption1{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#fff;}
.slider-btn{ margin:4% 0 0 0%;}
.slider-btn .btn-primary { text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:17px;background-color: #fccd4f;border-color: #e3a704;color: #000;}
.slider-btn .btn-primary:hover {background-color: #fab702; color: #000;border: 1px solid #d79e04;}
.yellow-strip{ background-color:#ff2c0f; padding:10px 0 10px 0px}
.isocaption{ padding:0px; margin:0px;}	
.isocaption p{ padding:8px 0 0 0px; margin:0px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:18px; text-transform:uppercase; color:#fff;}
.isocaption p span{font-weight:700; color:#000;}	
.getinbtn{ text-align:right;}	
.getinbtn .btn-primary { text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:17px;background-color: #fccd4f;border-color: #e3a704;color: #000;}
.getinbtn .btn-primary:hover {background-color: #fab702; color: #000;border: 1px solid #d79e04;}
.welcome-containor{ width:100%; background-color:#f4f6f6;}	
.text-centre{ text-align:center;}
.text-centre h1{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:32px; color:#383838; padding:30px 0 0 0px;}
.text-centre p{ width:75%; margin:0 auto; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; color:#545353; padding:10px 0 0 0px;}
.welcome-containor .btn-primary { margin:25px 0 30px 0px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:17px;background-color: #ff2c0f;border-color: #d50505;color: #fff; }
.welcome-containor .btn-primary:hover {background-color: #cd1d05; color: #fff; border: 1px solid #b60202;}
.control-box{}
.control-box h2{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; color:#383838; text-align:center; padding:30px 0 10px 0px;}
.control-box .thumbnail{ background-color:#f8f9f9; border: none; border-radius:0; border-radius:none; padding:0px;}
.control-box .thumbnail h3{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:14px; color:#383838; margin:12px 0 6px 0px;}
.control-box .thumbnail p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#5f5e5e;}
.control-box .btn-primary { text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px;background-color: #fccd4f;border-color: #e3a704;color: #000;}
.control-box .btn-primary:hover {background-color: #fab702; color: #000;border: 1px solid #d79e04;}
.footer-section{ width: 100%; margin:0 auto; background-color:#111;}
.footer-section h4{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color:#fff; text-transform:uppercase; padding:20px 0 0 0}
.footer-section p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#919191;}
.footer-section p a{color:#fabd02;}
.footer-section p a:hover{color:#ff2c0f;}
.links1{ list-style:none; padding:0px; margin:0px;}
.links1 li{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:11px;padding:0px; margin:0 20px 8px 0px; float:left; width:42%;}
.links1 li a{color:#919191; background:url(../images/footer-arrow.png) left 5px no-repeat; padding:2px 0 2px 16px; display:block;}
.links1 li a:hover{transition: all 0.5s ease-in-out; color:#ff2c0f; background:url(../images/footer-arrow.png) left -79px no-repeat; text-decoration:none;}
.address-home{list-style:none; padding:0px; margin:0px;}
.address-home li{ padding:0px; margin:0 0 5px 0px; font-family: 'Open Sans', sans-serif; font-weight:400;}
.address-home li h5{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:12px; color:#fff;}
.address-home li span{ color:#fab702;}
.address1{ font-size:12px; color:#919191;}
.address1 .icon-phone{ float:left;}
.address1 font{ float:left;}
.address1 .icon-location2:before{ float:left; margin:5px 0 0 0px; font-size:15px; color:#fab702;}
.phone2{ color:#fff; font-size:12px;}
.phone2 .icon-user-tie::before{font-size:14px; color:#fab702;}
.phone2 font{ color:#919191; font-size:12px;}
.phone{font-size:13px; color:#fff; }
.phone font{ color:#919191; font-size:12px;}
.mail{color:#919191; font-size:12px;}
.mail .icon-envelope{ color:#fab702;font-size:12px; padding-right:5px;} 
.mail a{color:#f8d030; font-size:12px;}
.mail a:hover{color:#ff2c0f; font-size:12px; text-decoration:none;}
.copyright-section{ background-color:#222222;font-family: 'Open Sans', sans-serif; font-weight:400; text-align:center; padding:20px 0 20px 0px;}
.copyright-text{ color:#bdbebe; font-size:12px;}
.bytext{ color:#777a7b; font-size:12px;} 

/******instrumentation-cable********/
 .container-full{ width:100%; margin:0 auto; text-align:center;}
 .container-full img{ width:100%; margin:0 auto;}
 .left-links{margin:40px 0 0 0px; float:left;}
 .content-section{margin:20px 0 0 0px; float:right;}
 .link-tab{ background-color:#fab702; padding:15px 0 15px 0px;}
 .link-tab .icon-th-list:before{ float:left; font-size:18px; padding:0px; margin:2px 8px 0 15px;}
 .link-tab h2{ float:left; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#fff; margin-top:0px; margin-bottom:0px;}
.sidelinks{ padding:20px 0 30px 0px; margin:0px; background-color:#f4f6f6;}
.sidelinks ul{ padding:0px; margin:0px; list-style:none;}
.sidelinks ul li{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; padding:0 0 0 0px; border-bottom: solid 1px #dadbdb;}
.sidelinks ul li:last-child{ border:none;}
.sidelinks ul li a{ color:#383838; background:url(../images/left-arrow.png) 12px 12px no-repeat; padding:8px 0 8px 30px; display:block;}
.sidelinks ul li a:hover{color:#ff2c0f; background:url(../images/left-arrow.png) 12px -72px no-repeat; display:block; background-color:#FFFFFF; text-decoration:none;}
.heading{ background:url(../images/headline.jpg) left 34px repeat-x;}
.heading h1{color:#383838; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; background-color:#fff; display:inline-block; padding:0 10px 0 0px;}
.content-section p{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; color:#545353; padding:5px 0 5px 0px;}
.inner-image1{ width:100%;}
.inner-image1 img{width:100%; border: solid 3px #e4e8e8;}
.inner-image1 img:hover{border: solid 3px #bebebe;}
.image-section h3{ text-align:center; margin:15px 0 0 10px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#545353;}
.image-section h3 font{font-size:15px;}
.button1{ text-align:center; margin:15px 0 0 0px;}
.content-section h3{ padding:5px 0 0 0px; margin-bottom:5px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#383838;}
.content-section .btn-primary {text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:700; font-size:12px;background-color: #ff2c0f;border-color: #d50505;color: #fff;}
.content-section .btn-primary:hover {background-color: #cd1d05; color: #fff; border: 1px solid #b60202;}
.tick{ list-style: none; padding:0px; margin:0px;}
.tick li{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:13px; background:url(../images/tick.png) left 5px no-repeat; padding:0 0 5px 20px; border-bottom: solid 1px #dadbdb; margin:5px 0 5px 0px;} 
/*.tick li:last-child{ border:none;}*/
.info-section h3{margin:0px 0 0 0px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#545353;}
.space1{ padding-top:15px;} 
.space2{ padding:0 0 35px 0px;}
.space3{ padding:0 0 100px 0px;}
<!--------------------->
/*Panel tabs*/
.panel-tabs {position: relative;bottom: 30px;clear:both;border-bottom: 1px solid transparent;}
.panel-tabs > li {/*float:left;*/ display:inline-table; margin-bottom: -1px;}
.panel-tabs > li > a {margin-right: 2px; margin-top: 4px; line-height: .85; border: 1px solid transparent;border-radius: 4px 4px 0 0;color: #ffffff;}
.panel-tabs > li > a:hover {/*border-color: transparent;*/border-radius: 2px; color: #ffffff;background-color:#fbc83d;}
.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255,255,255, .23);
    border-bottom-color: transparent;}
.panel-primary > .panel-heading {background-color: #fab702;border-color: #fab702;color: #fff;}
.panel-primary {border-color: #fab702;}
.tab-beading{background-color:#ffe8a3; text-transform:uppercase; padding:15px 0px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#545353; position:relative;}
.arrow-up{width: 0; 
  height: 0; 
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #ffe8a3;
  position:absolute; left:50%; bottom:-12px;}
.table-list{ list-style:none; padding:0px; margin:0px;}
.table-list li{ width:100%;padding:0px; margin:0 0 1px 0px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#191919;}
.table-list li span{ float:left; width:30%; background-color:#fceee8;padding:10px; margin:0px; font-weight:bold;}
.table-list li font{float:left; width:70%;background-color:#fff8e5;padding:10px; margin:0px;}
.tick2{ list-style: none; padding:0px; margin:0px;}
.tick2 li{ width:48%; float:left; background:url(../images/tick.png) left 5px no-repeat; padding:0 0 5px 20px; font-size:12px; } 
.video{ width:60%; margin:0 auto; text-align:center;}
.topspace{ margin:20px 0 0 0px;}
.enq-form{ padding:0px; margin:0px 0 0 0px;}
.form-section1{ float:left; width:50%; padding:0 10px 0 10px; margin:0px;}
.form-section1 label{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#191919;}
.form-control2{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px;}
.filespace{ margin:20px 0 0 0px;}
/*.form-section1 .btn-primary {text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:700; font-size:12px;background-color: #ff2c0f;border-color: #d50505;color: #fff;}
.form-section1 .btn-primary:hover {background-color: #cd1d05; color: #fff; border: 1px solid #b60202;}*/
.spacesubmit{ padding:0px; margin:0 0 50px 10px;}
.form-section2{ width:100%; padding:0 10px 0 10px; margin:0px;}
.form-section2 label{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#191919;}
.contact-section{ background-color:#f5f3f3; width:100%; margin:0 auto; }
.contact-addrerss{ padding:30px 0 20px 0px; margin:0px; color:#191919;}
.cicon-bg{ margin:0 auto; width:74px; height:74px; background-color:#fff; color:#757575; border-radius:50%; position: relative; font-size:30px; -webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;}
.cicon-bg:hover{transition: transform .8s ease-in-out; color:#fab702;
-webkit-transform: rotate(360deg);
  transform: rotate(360deg); 
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
 -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);}
 
.cicon-bg .icon-location2:before {content: "\e948";margin: auto; left:0; right:0;top:0; bottom:0; position: absolute;text-align: center; height:30px; width:30px;} 
.contact-addrerss h2{ margin-top:10px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; }
.contact-addrerss h2 a{color:#191919;}
.contact-addrerss h2 a:hover{color:#191919;}
.contact-addrerss p{ padding:0 40px 0 40px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; }
.cicon-bg .icon-phone:before {content: "\e942";margin: auto; left:0; right:0;top:0; bottom:0; position: absolute;text-align: center; height:30px; width:30px;}
.cicon-bg .icon-envelope:before {content: "\f0e0";margin: auto; left:0; right:0;top:0; bottom:0; position: absolute;text-align: center; height:30px; width:30px; font-size:28px;}
.text-right{ text-align:right; padding:0px; margin-bottom:-20px;} 
.text-right p{ padding:10px; background-color:#fceee8; display:inline-block;}
.text-right font{color:#ff0000;}
.form-group font{color:#ff0000;}
.certificate{ float:left; width:204px; }
.tick3{ float:left; list-style: none; padding:0px 0 0 0px; margin:0px;}
.tick3 li{ padding:0 0 0px 0px; font-size:12px; } 
.extra-space{ margin-bottom:50px;}



 
<!---------->
/*==========  WEB First Method  ==========*/
 @media screen and (max-width : 1200px){
 
  }
 /****** tablets Medium Devices *******/ 
  @media screen and (max-width : 1024px){
  .carousel-text{ top:18%; left:12%; z-index:10; max-width:500px; }
   }

   @media screen and (max-width : 992px){
  .logo1{float:none; text-align:center; }
  .navigat1{ float:none; text-align: center; }
  #cssmenu{text-align: center;}
.control-box .thumbnail img{ width:100%;}
     }
 
 @media screen and (max-width : 800px){
 .top-mail {text-align:center;}
 .logo1{float:none; text-align:center; }
 .logo1 img{text-align:center;}
 .navigat1{float:none; margin:10px 0 0 0px; padding:0 0px 0 0px; }
 .row{margin:0 -15px 0 -15px;}
 .carousel-text{top:18%; left:15%; z-index:10; max-width:400px;}
 .slider-caption1{font-size:20px; }   
 .slider-subcaption1{font-size:14px; color:#fff;}
 .slider-btn{margin:2% 0 0 0%;}
 .isocaption{text-align:center;}
 .getinbtn{text-align: center;}
 .text-centre p{width:90%;}
 .enq-form{ margin-top:20px;}
 .text-right p {text-align: center; width: 100%;}
 .link-tab h2{ font-size:16px;}
    }
 
  
  @media screen and (max-width : 768px){
 .top-mail { text-align:center;}
 .logo1{ float:none; text-align:center;}
 .logo1 img{text-align:center; width:150px;}
 .navigat1{ float:none; margin:10px 0 0 0px; padding:0 0px 0 0px;}
 .carousel-text{ top:18%; left:15%; z-index:10; max-width:350px; }
 .slider-caption1{ font-size:18px; }   
 .slider-subcaption1{ font-size:12px; color:#fff;}
 .slider-btn{margin:2% 0 0 0%;}
 .isocaption{text-align:center;}
 .getinbtn{text-align: center; margin-top:15px;}
 .text-centre p{width:90%;}
 .thumbnail a>img, .thumbnail>img{ width:100%;}
 .link-tab h2{ font-size:16px;}
 .link-tab .icon-th-list::before {font-size: 15px; margin: 2px 5px 0 15px; }
 .enq-form{ margin-top:20px;}
 .text-right p {text-align: center; width: 100%;}

 }
 
 
 @media screen and (max-width : 640px){ 
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,   .carousel-control .icon-prev {display:none;}
 .content-section .btn-primary{margin:15px 0 0px 30px;}
 .table-list li span{min-height:95px; width:40%; }
 .table-list li font{min-height:95px; width:60%;}
 .nav{ text-align:center;}
 .form-section1{ float: none; width:100%;}
 .spacesubmit{margin:0 0 50px 0px;}
 .filespace{ margin-top:15px;}
 .form-section1 .btn-primary {margin: 5px 0 0 8px;}
 .enq-form{ margin-top:20px;}
 .text-right p {text-align: center; width: 100%;}
 .carousel-text{ top:10%; left:19%; z-index:10; max-width:400px; display:none; }
  } 
   
   @media screen and (max-width : 320px){
 .top-mail { text-align:center;}
 .logo1{ float:none; text-align:center; }
 .logo1 img{text-align:center; width:150px;}
 .navigat1{ float:none; margin:10px 0 0 0px; padding:0 0px 0 0px;}
 .carousel-text{ top:10%; left:19%; z-index:10; max-width:500px; display:none;}
 .slider-caption1{ font-size:16px; }   
 .slider-subcaption1{ font-size:12px; color:#fff;}
 .slider-btn{ margin:2% 0 0 0%;}
 .isocaption{ text-align:center;}
 .getinbtn{ text-align: center;}
 .text-centre p{ width:90%;}
 .thumbnail a>img, .thumbnail>img{ width:100%;}
 .content-section .btn-primary{margin:15px 0 0px 10px;}
  }