﻿/*Created By*/
/*

    \     /    ------------    ----------     ----------
     \   /          |                   /              /
      \ /           |                  /              /
       |            |                 /              /
       |            |                /              /
       |            |               /              /

*/
.navbar-toggler { background-color: #333c92; }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; background-color: #fff; width: 12px; height: 2px; display: block; margin: 3px 0; }
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    .navbar-brand { margin-right:40px;}
    .navbar-brand img { width:150px;}
    .navbar-expand-md .navbar-nav .nav-link { font-size: 13px; font-weight: bold; padding: 9.5px 8px; color: #454545; transition: all ease 0.3s; }
    .social { margin-left:50px;}
    .carousel-caption { max-width: 350px; left: 9%; }
    .sub-links-holder { left: 100%; }
    .carousel-caption p { font-size: 27px; margin-bottom: 0; }
    .carousel-caption a { margin-bottom: 10px; }
    .sub-links { margin: 10px 7px; }
    .sub-links a { line-height: 16px; color: #20416e; font-size: 13px; padding: 4px 7px; display: block; transition: all ease 0.2s; font-weight: 600; }
}

@media (max-width: 1366px) {
    .navbar-expand-md .navbar-nav .nav-link { font-size: 13px; font-weight: bold; padding: 9.5px 10px; color: #454545; transition: all ease 0.3s; }
    .navbar-brand { margin-right: 10px; }
    .social { margin-left: 10px; }
    .carousel-caption { max-width: 350px; left: 9%; padding: 7px 8px 0 18px; }
    .sub-links-holder { left:50%;}
    .carousel-caption p { font-size:27px;margin-bottom:0;}
    .carousel-caption a { margin-bottom:10px;}
    .sub-links { margin: 10px 7px ;}
    .sub-links a { line-height: 16px; color: #20416e; font-size: 13px; padding: 4px 7px; display: block; transition: all ease 0.2s; font-weight: 600; }
}

@media (max-width: 1024px) {

}

@media (max-width: 800px) {

}

@media (max-width:767px) {

}

@media (max-width: 600px) {

}

@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {

}

@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {

}

@media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {

}

@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {

}

@media screen and (min-width: 600px) and (max-width: 960px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : landscape) {

}



@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
    .navbar-expand-md { padding:0;}
    .navbar-brand { margin-right: 0; }
    .navbar-brand img { width:177px;}
    .social { margin-left: 0; }
    .navbar-expand-md .navbar-nav .nav-link { font-size: 12px; padding: 9.5px 3px; text-align: -webkit-center ;}
    .social li { margin-right:2px;}
    .carousel-caption { left:3%;}
}
@media screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .navbar-expand-md .navbar-nav .nav-link { font-size: 11px; padding: 9.5px 1px; text-align: -webkit-center; }
    .social { margin-left: 9px; }
    .carousel-caption { max-width: 290px; padding: 18px 8px 0 18px ;}
    .carousel-caption p { margin-bottom:0;}
    .socialhead { font-size: 18px; color: #3e3d3c; font-weight: lighter; display: block; float: left; }
    .main_social_media h5 { font-size: 22px; font-weight: bold; }
    .sociallist { padding: 0; margin: 16px 0 0 2px; float: left; }
    .sociallist li a { padding:10px 19px;}
}
@media (max-width: 425px) {
    .navbar-expand-md .navbar-nav .nav-link { text-align:left;}
    .lang { position: absolute; right: 15px; top: 50px; }
    .lang li { padding:5px;}
    .social { margin-left:0;}
    .carousel-caption p { display:none;}
    .carousel-caption a { color:#fff;}
    .carousel-indicators { bottom:-50px;}
    .carousel-indicators li { background-color: #30398f; }
    .main_news, .newsbox, .footmenu { padding-left: 0; }
    .newsbox span { margin-bottom:5px;}
    .newsbox p { font-size:13px;}
    .copyrighttext { line-height: 32px; font-size: 11px; text-align: center !important; }
    .copyright a img { display:block;margin:0 auto;width:95px;}
    .mapsview, .sub-links { margin: 0; }
    .sub-links-holder { position: relative; left: 0; width: 100%; top: 0; transform: translate(0, 0); }
    .page_banner { background-size: contain; padding: 74px 0 0 0 ;}
    .main_content_text .main_project_box { min-height:211px;}
    .main_project_box p, .main_project_box span { font-size: 14px; }
    .main_project_box p { margin:5px 0;}
    .breadcrumb .breadcrumb-item { font-size:12px;}
    .page_banner span { font-size:20px;}
    .solpad0, .sagpad0 {padding:0; }
    .npr { padding-right:15px;}
    .footermainmenu li a, .footmenu li:first-child a { font-size: 16px; }
    .footmenu li a { font-size:14px;}
    .footmenu li { margin:2px 0;}
}
@media (max-width:375px) {
    .sociallist li a { padding: 10px 12px; }
}