/* Media Query */ 
    @media screen and (min-width: 320px) and (max-width: 767px)  {
        header .topHeader .NavLeft{text-align: center;padding-bottom: 15px;}
        header .topHeader .NavRightLanguage{text-align: center;}
        header .navbar-inverse .navbar-brand{padding-top: 0px;margin-top: -7px;}
        header .navbar-inverse .navbar-toggle{border-radius: 0px;background-color:#fff;
        border-color: #015198;margin-top: 0px;}
        header .navbar-inverse .navbar-toggle .icon-bar{background-color:  #015198;}
        header .navbar-inverse .navbar-nav>.active>.border-bottom{border-bottom: 2px solid #015198;
        margin:0px;width: 20%;margin-left: 15px;}
        header .navbar-inverse .navbar-nav{padding:7px 15px;}
        header .navbar{padding:10px 0px;}
        header .navbar-inverse .navbar-nav>li>a, 
        header .navbar-inverse .navbar-nav>li>a:focus, 
        header .navbar-inverse .navbar-nav>li>a:hover{padding-top: 5px;padding-bottom: 5px;text-align: left;}
        header .navbar-inverse .navbar-nav .dropdown-submenu>.dropdown-menu{margin-top: 1px;}
        header .navbar-inverse .navbar-nav>li>.dropdown-menu{margin-top: 0px;}
        header  .navbar-inverse .navbar-nav .open::after{display: none;position: static;}
        header  .navbar-inverse .navbar-toggle:focus,header .navbar-inverse .navbar-toggle:hover
        {background-color: #fff;}
        header .navbar-inverse{padding-bottom: 5px;}
        
        header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff;}
        header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
        header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background: #015198;}
        header nav>.active>a:hover{background: #fff;    color: #015198;}
        header .navbar-collapse.in {overflow-y: auto;height: 315px;}
        #MobileCarousel .item img{height: 180px;width: 100%;}
        #About{background-size: cover;height: 242px;}
        #About .AboutBottomText{top: 46px;transform: skew(0deg);margin-left: 0px;}
        #About .AboutText{padding-top: 27px;padding-bottom: 30px;text-align: center;}
        #About .AboutText h1{font-size: 24px;}
        .AboutBottomText p{transform: skew(0deg);}
        #About .AboutBackground{border-left: 0px solid rgba(44, 121, 163, 0.5)!important;
        border-top: 0px solid rgba(44, 121, 163, 0.5)!important;border-right: 0px solid transparent!important;
        background-color:rgba(44, 121, 163, 0.5);}
        #AboutMobile .AboutBottomTextMobile{position: absolute;bottom: 0px;width: 100%; 
            background-color: rgba(0, 0, 0, 0.5);padding:15px 0px; text-align: center;}
        #AboutMobile .AboutBottomTextMobile p{color: #fff; margin:0px;}
        #MobileCarousel .carousel-control{z-index: 100;}
        #About .AboutText p{line-height: 19px;}
        #Knowledge{padding:15px 0px 35px 0px;}
        #Knowledge .KnowledgeBlock h4{font-size: 14px;line-height: 24px;}
        #Knowledge .KnowledgeBlock h4 span{font-size: 26px;top: 0px;}
        #Knowledge .KnowledgePointsBox{margin-top: 15px;}
        #Knowledge .KnowledgePointsBox .NewsBox .NewsImg img{height: auto;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox1{margin-top: 0px;margin-bottom: 3px;padding:45px 17px;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox1:hover .hoverBox{padding:20px 25px;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox2{margin:1px 0px 3px 3px;padding:30px 17px;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox2:hover .hoverBox{padding:43px 25px;}
        #Knowledge .KnowledgePointsBox .paddingBox{padding-top: 56px!important;}
        #Knowledge .KnowledgePointsBox .KnowledgeCarouselBox .owl-carousel .owl-nav .owl-prev,
        #Knowledge .KnowledgePointsBox .KnowledgeCarouselBox .owl-carousel .owl-nav .owl-next
        {top: 43%;}
        #Knowledge .KnowledgePointsBox #News{margin-top: 25px;}
        #NewsNotsBackground .FeaturedBlock h3{font-size: 16px;}
        #NewsNotsBackground .NotesBlock .NotesPart,
        #NewsNotsBackground .NewsEventsBlock .NewsPart{margin-top: 10px;}
        #NewsNotsBackground .FeaturedBlock{margin-top:5px;}
        #NewsNotsBackground .NewsEventsBlock .NewsPart .News{margin-top: 7px;}
        #NewsNotsBackground .FeaturedBlock .card-img-top{height: auto;}
        #NewsNotsBackground .FeaturedBlock .owl-carousel .owl-nav .owl-prev,
        #NewsNotsBackground .FeaturedBlock .owl-carousel .owl-nav .owl-next{top:34%;}
        #WidgetBackground .Video {margin-top: 25px;}
        #WidgetBackground .Video img{width: 100%;height: auto;}
        #WidgetBackground .twitterWidget, #WidgetBackground .Video{margin-top: 25px;}
         #WidgetBackground .widgetSlider{margin-top: 15px;} 
        #WidgetBackground,#NewsNotsBackground,footer{padding:25px 0px;} 
        footer .margin-top{margin-top: -6px;}
        #LastFooter .copyRight {text-align: center;}
        #LastFooter .policyMenu{text-align: center;padding-top: 10px;}
        button.close{left: 0px;}
    }


    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape) { 
        #WidgetBackground iframe{margin: auto;display: block;width: 375px;}
        #MobileCarousel .item img{height: 225px;}
        #About{height: 195px;}
        #About .AboutText{padding-top:30px;}
        #AboutMobile .AboutBottomTextMobile{ background-color: rgba(0, 0, 0, 0.5);padding:15px 0px; text-align: center;}
        #AboutMobile .AboutBottomTextMobile p{color: #fff; margin:0px;}

    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
        header .navbar-inverse{ padding:10px 7px!important;}
        header .navbar-inverse .navbar-brand{padding:5px 0px;}
        header  .navbar-inverse .navbar-toggle{margin-right: 0px;}
        #About {height: 290px;}
        #About .AboutText h1{font-size: 24px;}
        #About .AboutText{padding-top: 35px;}
        #About .AboutBottomText{top:18px;}
        #NewsNotsBackground .NotesBlock .date{padding:15px 5px;}
        #NewsNotsBackground .NotesBlock .Month{padding:8px 0px;}
        #NewsNotsBackground .NewsEventsBlock .date{padding:18px 13px}
    }

/* Iphone 5 Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape){
     #About .AboutText{padding-top: 22px;}
}


    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
        header .navbar-brand{padding:7px 15px;height: 60px;}
        header .topHeader .NavRightLanguage .dropdown-menu{left: -60px;}
        header .navbar-inverse .navbar-toggle,header .navbar-inverse .navbar-toggle:focus,header .navbar-inverse .navbar-toggle:hover
        {border-radius: 0px;background-color:#fff;border-color: #015198;margin-top: 16px;}
        header .navbar-inverse .navbar-toggle .icon-bar{background-color:  #015198;}
        header .navbar-inverse .navbar-nav>.active>.border-bottom{border-bottom: 2px solid #015198;
        margin:0px;width: 10%;}
        header .navbar-inverse{padding-bottom: 5px;}
        header .navbar-inverse .navbar-nav .dropdown-submenu>.dropdown-menu{margin-top: 0px;}
        header .navbar-inverse .navbar-nav .open::after{display: none;position: static;}
        header .navbar-inverse .navbar-nav>.active>a,header  .navbar-inverse .navbar-nav>.active>a:focus,header .navbar-inverse .navbar-header nav>.active>a:hover{background: #fff;color: #015198;}
        header .navbar-inverse .navbar-nav>li>a, 
        header .navbar-inverse .navbar-nav>li>a:focus, 
        header .navbar-inverse .navbar-nav>li>a:hover{padding-top: 5px;padding-bottom: 5px;text-align: left;background: #fff;color: #015198;}
        header .navbar-collapse.in {overflow-y: auto;height: 350px;}
        #HomeCarousel .carousel-control .glyphicon-chevron-right{margin-right: 0px;top: 45%;}
        #HomeCarousel .carousel-control .glyphicon-chevron-left{margin-left: 0px;top: 45%;}  
        #About .AboutBottomText{top:0px;margin-left:35px!important;}
        #HomeCarousel .item img{height: 220px;}
        
        #About .AboutBottomText{top: 22px;}

        #About .AboutText h1{font-size: 22px;}
        #About .AboutText p{line-height: 16px;margin-top: 6px;}
        .AboutBottomText p{font-size:14px;}
        #About .AboutText{padding-top: 47px;margin-left: 35px!important;} 
        #Knowledge .KnowledgePointsBox .KnowledgeCarouselBox .owl-carousel .owl-nav .owl-prev,
        #Knowledge .KnowledgePointsBox .KnowledgeCarouselBox .owl-carousel .owl-nav .owl-next{top: 50%;}
        #NewsNotsBackground .FeaturedBlock,#WidgetBackground .Video {margin-top: 30px;}
        #WidgetBackground .Video img{height: auto;width: 100%;}
        #NewsNotsBackground .FeaturedBlock .card-img-top{height: 250px;}
        .BannerImage{background-position-x: -194px!important;height: 221px;} 
        .main-text{width: 54%;}
        .About-LeftSide{width: 98%;}
        .About-LeftSide .GrayBanner {margin-left: 35px!important;width: 407px;}
        #image-gallery .modal-dialog {margin-top: 137px;}
        
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
        header .navbar-brand{padding:5px 15px;}
        header .topHeader .NavRightLanguage .dropdown-menu{left: -60px;}
        header .navbar-inverse .navbar-toggle{border-radius: 0px;background-color:#fff;
        border-color: #015198;}
        header .navbar-inverse .navbar-toggle .icon-bar{background-color:  #015198;}
        header .navbar-inverse .navbar-nav>.active>.border-bottom{border-bottom: 2px solid #015198;
        margin:0px;width: 10%;}
        header .navbar-inverse{padding-bottom: 5px;}
        header .navbar-inverse .navbar-nav .dropdown-submenu>.dropdown-menu{margin-top: 0px;}
        header .topHeader .NavRightLanguage span{padding:0px 2px;}
        header .topHeader .NavRightLanguage .dropdown-menu{left: -70px;}
        header .navbar-inverse .navbar-nav .open::after{display: none;position: static;}
        header .navbar-inverse .navbar-nav>.active>a,header  .navbar-inverse .navbar-nav>.active>a:focus,header .navbar-inverse .navbar-header nav>.active>a:hover{background: #fff;color: #015198;}
        header .navbar-inverse .navbar-toggle:focus,header  .navbar-inverse .navbar-toggle:hover{background-color: #fff;}
        header .navbar-inverse .navbar-nav>li>a, 
        header .navbar-inverse .navbar-nav>li>a:focus, 
        header .navbar-inverse .navbar-nav>li>a:hover{padding-top: 5px;padding-bottom: 5px;text-align: left;background: #fff;color: #015198;}
        header .navbar-collapse.in {overflow-y: auto;height: 350px;}
        #HomeCarousel .carousel-control .glyphicon-chevron-right{margin-right: 0px;}
        #HomeCarousel .carousel-control .glyphicon-chevron-left{margin-left: 0px;}  
        .BannerImage {background-position-x: -334px!important;} 
        #About .AboutBottomText{top:23px;margin-left: 212px;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox1{ padding: 32px 15px;}
        #Knowledge .KnowledgePointsBox .paddingBox{padding-top: 29px!important;}
        #Knowledge .KnowledgePointsBox .KnowledgeBox2:hover .hoverBox{padding:11px 10px;}
        #WidgetBackground .Video img{height: 300px;} 
        #NewsNotsBackground .NewsEventsBlock .NewsPart .News{margin-top: 10px;}
        #NewsNotsBackground .NewsEventsBlock .NewsPart{margin-bottom: 25px;}
        #NewsNotsBackground .FeaturedBlock .card-block{padding:13px 4px;}
        #NewsNotsBackground .NotesBlock .NotesPart{margin-bottom: 23px;}
        #NewsNotsBackground .NotesBlock .button{margin-top: -3px;}
        #NewsNotsBackground .NewsEventsBlock .button{margin-top: 22px;}

        #About .AboutText {margin-left: -160px!important;}
        #About .AboutBottomText{margin-left: -175px!important;top: 46px;}
        .BannerImage {background-position-x: -380px!important;}
        .main-text{width: 53%;}
        .About-LeftSide{width: 98%;}
        .About-LeftSide .GrayBanner {margin-left: -4px!important;width: 597px;}
        #image-gallery .modal-dialog {margin-top: 155px!important;}

    }


/* Media Query for Google crome */  
    @media (min-width: 1050px) and (max-width: 1680px) and (-webkit-min-device-pixel-ratio : 1){
        #About{background-position: 78% center;}
        #About .AboutBottomText{margin-left:90px;} 
        .BannerImage{background-position-x: -85px;}
    } 

    @media (min-width: 900px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio : 1){
        #About{background-position: 78% center;}
        #About .AboutBottomText{margin-left:105px;}
        .BannerImage{background-position-x: -118px;}
        
    } 

    @media (min-width: 900px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio : 1){ 
        .AboutBottomText{margin-left:159px; }  
        .BannerImage {background-position-x: -195px;}
    } 

    @media (min-width: 1050px) and (max-width: 1400px) and (-webkit-min-device-pixel-ratio : 1){ 
        
    
    } 

    @media (min-width: 768px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio : 1) { 
        #About .AboutBottomText{margin-left:171px;}
       
        .BannerImage {background-position-x: -205px;}
    } 

    @media (min-width: 768px) and (max-width: 1360px) and (-webkit-min-device-pixel-ratio : 1) { 
        #About .AboutBackground{display: none;} 
        
    } 

    @media (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio : 1) {
         
         
         
    }
   

/* Media Query for Mozilla Firefox */
@-moz-document url-prefix() {
    @media (min-width: 1080px) and (max-width: 1920px){
        .AboutBottomText{top: 51px;}
        .BannerImage {background-position-x: -0px!important; }
    }

    @media (min-width: 1050px) and (max-width: 1680px){  
        .BannerImage {background-position-x: -85px!important; } 
    } 

    @media (min-width: 900px) and (max-width: 1600px){  
       .BannerImage {background-position-x: -118px!important; }   
    } 

    @media (min-width: 900px) and (max-width: 1440px) { 
            .BannerImage {background-position-x: -197px!important; } 
    } 

    @media (min-width: 1050px) and (max-width: 1400px) { 
         .BannerImage {background-position-x: -215px!important; } 
    }        

    @media (min-width: 768px) and (max-width: 1366px)  { 
         .BannerImage {background-position-x: -232px!important; } 
    } 

    @media (min-width: 768px) and (max-width: 1360px) { 
        .BannerImage {background-position-x: -235px!important; }         
    } 

    @media (min-width: 800px) and (max-width: 1280px)  { 
          .BannerImage {background-position-x: -268px!important; } 
    } 
}
/* Media Query for Internet Explorer */
   /*  @media (min-width: 1080px) and (max-width: 1920px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .AboutBottomText{margin-left: 143px;top:38px;} 
    }
 */
    @media (min-width: 1050px) and (max-width: 1680px) and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
       .BannerImage {background-position-x: -78px!important; }
    } 

    @media (min-width: 900px) and (max-width: 1600px) and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
        .BannerImage {background-position-x: -111px!important; } 
    } 

    @media (min-width: 900px) and (max-width: 1440px) and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
       .BannerImage {background-position-x: -190px!important; } 
    } 
        
 
    @media (min-width: 1050px) and (max-width: 1400px) and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
          .BannerImage {background-position-x: -208px!important; } 
    } 

    @media (min-width: 768px) and (max-width: 1366px) and (-ms-high-contrast: none), (-ms-high-contrast: active)  {  
          .BannerImage {background-position-x: -225px!important; } 
    } 

    @media (min-width: 768px) and (max-width: 1360px) and (-ms-high-contrast: none), (-ms-high-contrast: active){ 
          .BannerImage {background-position-x: -228px!important; }   
     }
    @media (min-width: 800px) and (max-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
         .BannerImage {background-position-x: -261px!important; } 
    }
  
    @media (min-width: 768px) and (max-width: 1024px){ 
        #About .AboutBottomText{margin-left:362px;}
    } 

    

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { 
        
 
    }     

    @media (max-width: 1024px) {
        .navbar-header {float: none;}
        .navbar-toggle {display: block;}
        .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
        .navbar-collapse.collapse {display: none!important;}
        .navbar-nav {float: none!important;}
        .navbar-nav>li {float: none;}
        .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
        .navbar-text {float: none;margin: 15px 0;}
        .navbar-collapse.collapse.in { display: block!important; }
        .collapsing {overflow: hidden!important;}
    }

    @media (max-width: 1024px){
        .navbar-nav .open .dropdown-menu 
        {position: static;float: none;width: auto;
        margin-top: 0;background-color: transparent;
        border: 0;-webkit-box-shadow: none;
        box-shadow: none;}
    }


/* Comman Media query */
  @media (min-width: 1050px) and (max-width: 1680px)  {
        #About{background-position: 78% center;} 
        #About .AboutBottomText{margin-left:-70px;top: 54px;} 
        #About .AboutText {margin-left: -70px;}  
        #image-gallery .modal-dialog {margin-top: 255px;}
    /*.About-LeftSide .GrayBanner{margin-left: 17px;}*/
    .About-LeftSide .GrayBanner {
        margin-left: 44px;
    }
    /*Arctech change*/ 
    } 

    @media (min-width: 900px) and (max-width: 1600px) {
        body{right: 0px;} 
        #About{background-position: 78% center;} 
        #About .AboutBottomText{margin-left:-95px;} 
        #About .AboutText {margin-left: -95px;} 
        
    } 

    @media (min-width: 900px) and (max-width: 1440px)  {
        .AboutBottomText{margin-left:159px; }  
        .BannerImage {background-position-x: -197px;}
        #About .AboutBottomText{margin-left:-135px;} 
        #About .AboutText {margin-left: -135px;} 
        #image-gallery .modal-dialog {margin-top: 270px;}
        .About-LeftSide .GrayBanner{margin-left:5px; }
    } 

    @media (min-width: 1050px) and (max-width: 1400px)  {
        .BannerImage {background-position-x: -215px;}
         
        #About .AboutBottomText{margin-left:-150px;} 
        #About .AboutText {margin-left: -150px;} 
        #SliderModal .modal-dialog {margin-top: 19%;}
        .About-LeftSide .GrayBanner{margin-left:3px; }
    } 

    @media (min-width: 768px) and (max-width: 1366px)   {
        #About .AboutBottomText{margin-left:-158px;} 
        #About .AboutText {margin-left: -158px;} 
        #SliderModal .modal-dialog {margin-top: 19%;}
         
        .BannerImage {background-position-x: -232px;} 
        .About-LeftSide .GrayBanner {margin-left: 0px;}
    } 

    @media (min-width: 768px) and (max-width: 1360px)  {
        #About .AboutBackground{display: none;} 
        .BannerImage {background-position-x: -235px;} 

    } 

    @media (min-width: 800px) and (max-width: 1280px)   {
 
        #About .AboutBottomText{margin-left:-187px;} 
        .main-text{width: 49%;}
        #About .AboutText {margin-left: -187px;padding-top: 94px;}  
        #SliderModal .modal-dialog {margin-top: 21%;}
        .BannerImage {background-position-x: -268px;} 
         
    }