 /* Portrait phones and smaller */

 @media (max-width: 480px) {
     h1 {
         font-size: 20px;
     }
     h2 {
         font-size: 19px;
     }
     h3 {
         font-size: 17px;
     }
     h4 {
         font-size: 16px;
     }
     h5 {
         font-size: 15px;
     }
     h6 {
         font-size: 14px;
     }
     p {
         font-size: 12px;
     }
     a {
         font-size: 12px;
         text-decoration: none;
     }
     /*---------start-navbar---------*/
     .navbar-default .navbar-toggle:hover,
     .navbar-default .navbar-toggle:focus {
         background-color: #a6d8f6;
     }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #2c5269;
     }
     .header .navbar .navbar-brand .logo {
         width: 90px;
         padding-top: 0px
     }
     .header .navbar .navbar-brand {
         padding: 6px 15px;
         margin-left: 8px;
     }
     .navbar-default .navbar-toggle {
         border-color: #2c5269;
     }
     .header .collapse {
         margin-top: 3px;
     }
     /*------end-navbar-------*/
     /*---------start-slider---------*/
     .slider {

         padding-left: 6px;
         padding-right: 6px;
     }
     .spicial-botton {

         padding-top: 10px;
         padding-bottom: 10px;
         padding-left: 16px;
         padding-right: 16px;
     }
     /*-----------end-slider-----------*/
     /*---------start-about----------*/
     .about .about-text {
         width: 218px;
     }
     .header .navbar .navbar-left a {
         padding-bottom: 12px;
     }
     .header .navbar-default .navbar-nav > .active > a,
     .header .navbar-default .navbar-nav > .active > a:hover,
     .header .navbar-default .navbar-nav > .active > a:focus {
         padding-bottom: 10px;
     }
     .about ul {
         padding-left: 0px;
     }
     .about ul li {
         font-size: 10px;
     }
     .about img {
         padding-top: 20px
     }
     /*---------end-about-----------*/
     /************-start-aboutus*************/
     .aboutus {
         padding: 55px 0px;
         height: 950px;
     }
     .aboutus .aboutus-counter {
         padding: 26px 30px 0px;
         float: left !important;
     }
     .aboutus .aboutus-box {
         width: 97%;
         float: left !important;
         padding: 18px 0px 50px 13px;
     }
     .aboutus .about-text {
         width: 90%;
     }
     .aboutus ul {
         padding-left: 22px;
         font-size: 11px;
     }
     /***********end-aboutus****************/
     /*---------start-sector-box--------------*/
     .sector-box {
         margin-top: 80px;
     }
     /*---------end-sector-box-------------------*/
     /*-----------start-people-opinion-----------------*/
     #people-opinion .media-carousel {
         padding: 0 47px 30px 47px;
     }
     #people-opinion .media-carousel .carousel-control.right {
         right: -10px !important;
     }
     #people-opinion .media-carousel .carousel-control.left {
         left: -10px !important;
     }
     /*-----------end-people-opinion------------------*/
     /*------------start-footer-------------*/
     .footer .contact_us_form {
         font-size: 15px;
         padding: 4px 15px;
     }
     .footer .Subscribe-button {
         font-size: 18px;
         padding: 6px 58px;
     }
     .contact_us_form.text-center {
         margin-bottom: 10px
     }
     /*-------------end-footer--------------*/
 }

 /* Landscape phones and portrait tablets */

 @media (min-width: 481px) and (max-width: 767px) {
     h1 {
         font-size: 22px;
     }
     h2 {
         font-size: 21px;
     }
     h3 {
         font-size: 20px;
     }
     h4 {
         font-size: 18px;
     }
     h5 {
         font-size: 16px;
     }
     h6 {
         font-size: 15px;
     }
     p {
         font-size: 12px;
     }
     a {
         font-size: 12px;
         text-decoration: none;
     }
     /*---------start-navbar---------*/
     .navbar-default .navbar-toggle:hover,
     .navbar-default .navbar-toggle:focus {
         background-color: #a6d8f6;
     }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #2c5269;
     }
     .header .navbar .navbar-brand .logo {
         width: 100px;
         padding-top: 0px
     }
     .header .navbar .navbar-brand {
         padding: 6px 15px;
         margin-left: 8px;
     }
     .navbar-default .navbar-toggle {
         border-color: #2c5269;
     }
     .header .collapse {
         margin-top: 3px;
     }
     /*------end-navbar-------*/
     /*---------start-slider---------*/
     .slider {

         padding-left: 6px;
         padding-right: 6px;
     }
     .spicial-botton {

         padding-top: 10px;
         padding-bottom: 10px;
         padding-left: 16px;
         padding-right: 16px;
     }
     /*-----------end-slider-----------*/
     /************-start-aboutus*************/
     .aboutus {
         padding: 55px 0px;
         height: 900px;
     }
     .aboutus .aboutus-counter {

         float: left !important;
     }
     .aboutus .aboutus-box {
         width: 97%;
         float: left !important;
         padding: 18px 0px 50px 13px;
     }
     /***********end-aboutus****************/
     /*---------start-sector-box--------------*/
     .sector-box {
         margin-top: 80px;
     }
     /*---------end-sector-box-------------------*/
     /*----------start-people-opinion----------*/
     #people-opinion .media-carousel {
         padding: 0 47px 30px 47px;
     }
     #people-opinion .media-carousel .carousel-control.right {
         right: -10px !important;
     }
     #people-opinion .media-carousel .carousel-control.left {
         left: -10px !important;
     }
     /*---------end-people-opinion---------------*/
 }

 /* Portrait tablets and small desktops */

 @media (min-width: 768px) and (max-width: 991px) {
     h1 {
         font-size: 22px;
     }
     h2 {
         font-size: 21px;
     }
     h3 {
         font-size: 20px;
     }
     h4 {
         font-size: 18px;
     }
     h5 {
         font-size: 16px;
     }
     h6 {
         font-size: 15px;
     }
     p {
         font-size: 12px;
     }
     a {
         font-size: 12px;
         text-decoration: none;
     }
     /*******start-sub-nav***********************/
     .sub-nav .info-nav {
         width: 407px;

     }
     .info::before {
         right: 407px;

     }
     .info::after {
         right: -20px;

     }
     /*************end-sub-nav*************************/
     /*****************start-header***************************/
     .header .navbar .navbar-brand .logo {
         width: 57px;
         margin-left: 0px;
         margin-top: 21px;
     }
     .header .navbar .navbar-left li {
         padding: 14px 5px;
     }
     .header .navbar .navbar-left a {
         font-size: 10px;
     }
     .header .navbar .navbar-right li a {
         padding: 12px 4px;
         font-size: 11px;
     }
     .header .navbar .navbar-left li {
         padding: 14px 6px 0px;
     }
     .header .navbar-right .shap-decisive {
         left: 45px;
     }
     /*****************end-header****************************/
     /*---------start-slider---------*/
     .slider {

         padding-left: 6px;
         padding-right: 6px;
     }
     .spicial-botton {

         padding-top: 10px;
         padding-bottom: 10px;
         padding-left: 16px;
         padding-right: 16px;
     }
     /*-----------end-slider-----------*/
     /************-start-aboutus*************/
     .aboutus {
         padding: 55px 0px;
         height: 868px;
     }
     .aboutus .container {
         margin-left: 0
     }
     .aboutus .aboutus-counter {
         float: left !important;
     }
     .aboutus .aboutus-box {
         width: 96%;
         float: left !important;
         padding: 18px 10px 50px 13px;
     }
     /***********end-aboutus****************/
     /*-------start-people-opinion---------*/
     #people-opinion .media-carousel {
         padding: 0 47px 30px 47px;
     }
     #people-opinion .media-carousel .carousel-control.right {
         right: -10px !important;
     }
     #people-opinion .media-carousel .carousel-control.left {
         left: -10px !important;
     }
     /*-------end-people-opinion------------*/
     /***********************************/
     .contact_us_form.text-center {
         margin-bottom: 15px;
     }
     /*************************************/
 }

 /* Landscape tablets and medium desktops */

 @media (min-width: 992px) and (max-width: 1199px) {

     /*******start-sub-nav***********************/
     .sub-nav .info-nav {
         margin-right: 41px;
         width: 407px;
     }
     .info::before {
         right: 407px;

     }
     .info::after {
         right: -20px;

     }
     /*************end-sub-nav*************************/
     .header .navbar .navbar-left li {
         padding: 14px 6px;
     }
     .header .navbar .navbar-left a {
         font-size: 12px;
     }
     .header .navbar .navbar-right li a {
         padding: 12px 10px;
         font-size: 14px;
     }
     .header .navbar .navbar-left li {
         padding: 14px 6px 0px;
     }
     /*************start-slider****************/
     .slider {

         padding-left: 12px;
     }
     /*************end-slider****************/
     /*---------start-people-opinion--------*/
     #people-opinion .media-carousel {
         padding: 0 50px 30px 50px;
     }
     #people-opinion .media-carousel .carousel-control.right {
         right: 0px !important;
     }
     #people-opinion .media-carousel .carousel-control.left {
         left: 0px !important;
     }
     /*--------end-people-opinion-----------*/
     /***********start-foooter**********************/
     .footer .contact_us_form {
         padding: 4px 0px;
         margin-bottom: 16px;
     }
     .footer .Subscribe-button {
         padding: 6px 55px;
     }
     /**********end-foooter***********/
 }

 /* Large desktops and laptops */

 @media (min-width: 1200px) {
     /*------start-people-opinion----------------*/
     #people-opinion .media-carousel {
         padding: 0 50px 30px 50px;
     }
     #people-opinion .media-carousel .carousel-control.right {
         right: 0px !important;
     }
     #people-opinion .media-carousel .carousel-control.left {
         left: 0px !important;
     }
     /*-----end-people-opinion------------------*/
 }

 @media print {}
