/* Extra Small devices (portrait phones, less than 576px) start here */
@media (max-width: 378.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 600px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 05px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 600px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 600px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 125px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 8px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 10px;
    }

    .intro-text h5 {
        font-size: 8px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 370px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 80%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 250px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: 270px;
        left: 25px;
        color: #000000;
        font-size: 8px;
        font-weight: 600;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 24px;
        left: 100px;
        font-size: 6px;
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 250px;
        height: 200px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 30px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block .abouth2 {
        font-size: 10px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    #globalpresence figcaption {
        padding-top: 18px;
    }

    #globalpresence figcaption:hover {
        padding-top: 24px;
    }

    .grid .h22 {
        font-size: 08px;
        font-weight: 200;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 700px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 30px;
        text-align: center;
        margin-bottom: 1rem;
    }

    /*.section-title small {
			color: #998a9b;
		}*/
    .section-title h3 {
        font-size: 10px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0 0px 8px #000000;
        box-shadow: 0 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 10px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 08px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 45px;
        padding: 0;
        border: 1px solid #888;
        width: 280px;
        height: 190px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
            /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
            /*-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s;
			-moz-box-shadow: inset 0 0 5px 5px #0058A3;
			-webkit-box-shadow: inset 0 0 5px 5px #0058A3;
			box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 09px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 07px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 05px 05px;
        text-align: center;
        width: 115px;
        height: 28px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 10px;
        margin-top: 20px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: 170px;
        outline: none;
    }

    #demos .row {
        margin-top: 52px;
    }

    #demos .large-12 {
        width: 100%;
        height: 170px;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 20px;
        height: 20px;
        font-size: 10px;
        top: 11px;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 5px;
        padding-left: 5px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
			font-family: "Montserrat", sans-serif; 
			font-size:13px; 
			font-weight:900; 
			display:inline-block; 
			padding:10px 15px; 
			height: 40px; 
			min-width: 40px; 
			color:#fff; 
			border-width: 2px; 
			border-style: solid; 
			border-color: transparent; 
			outline:none; 
			text-decoration:none; 
			vertical-align:middle; 
			cursor:pointer; 
			overflow:hidden; 
			-webkit-backface-visibility: hidden; 
			position:relative; 
			white-space:nowrap; 
			-webkit-transform:translate3d(0, 0, 0); 
			transform:translate3d(0, 0, 0); 
			-webkit-appearance:none; 
			-webkit-user-select:none !important; 
			-moz-user-select:none !important; 
			-ms-user-select:none !important; 
			user-select:none !important; 
			-webkit-transition:0.25s; 
			transition:0.25s; 
		  }*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 500px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
			background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
			margin: 0 auto;
			padding: 0;
			position: absolute;
			z-index: 200;
			width: 100%;
			height: 50px;
		}*/
    .social-icons {
        padding-top: 200px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
			color: #38A1F3;
		}
		
		.facebook i:hover {
			color: #3b5998;
		}
		
		.linkedin i:hover {
			color: #0077B5;
		}
		
		/*.pinterest i:hover {
			color: #cb2027;
		}
		
		.google i:hover {
			color: #dd4b39;
		}
		
		.tumblr i:hover {
			color: #32506d;
		}
		
		.vimeo i:hover {
			color: #aad450;
		}
		
		.instagram i:hover {
			color: #c13584;
		}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 58px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 7px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 6px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #C6C6F0;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 50px;
        height: 50px;
        font-size: 10px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 10px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}

/*  Extra Small devices (portrait phones, less than 576px) end here */

/*  Extra Small devices (portrait phones, less than 576px) start here */
@media (min-width: 379px) and (max-width: 575.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 600px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 05px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 600px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 600px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 125px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 06px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 10px;
    }

    .intro-text h5 {
        font-size: 07px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 424px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 65%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 300px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: 220px;
        left: 25px;
        color: #000000;
        font-size: 8px;
        font-weight: 600;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 24px;
        left: 105px;
        font-size: 6px;
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 250px;
        height: 250px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 7px;
    }

    #about .text-block .abouth2 {
        font-size: 09px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    #globalpresence figcaption {
        padding-top: 28px;
    }

    #globalpresence figcaption:hover {
        padding-top: 32px;
    }

    .grid .h22 {
        font-size: 08px;
        font-weight: 200;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 700px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 30px;
        text-align: center;
        margin-bottom: 1rem;
    }

    /*.section-title small {
	color: #998a9b;
}*/
    .section-title h3 {
        font-size: 12px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0 0px 8px #000000;
        box-shadow: 0 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 10px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 40px;
        padding: 0;
        border: 1px solid #888;
        width: 300px;
        height: 250px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
            /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
            /*-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	-moz-box-shadow: inset 0 0 5px 5px #0058A3;
	-webkit-box-shadow: inset 0 0 5px 5px #0058A3;
	box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 10px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 08px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 05px 05px;
        text-align: center;
        width: 120px;
        height: 30px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 12px;
        margin-top: 20px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: 180px;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 52px;
    }

    #demos .large-12 {
        width: 100%;
        height: 170px;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 22px;
        height: 22px;
        font-size: 11px;
        top: 15%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 5px;
        padding-left: 5px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 5px;
        padding-left: 7px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
	font-family: "Montserrat", sans-serif; 
	font-size:13px; 
	font-weight:900; 
	display:inline-block; 
	padding:10px 15px; 
	height: 40px; 
	min-width: 40px; 
	color:#fff; 
	border-width: 2px; 
	border-style: solid; 
	border-color: transparent; 
	outline:none; 
	text-decoration:none; 
	vertical-align:middle; 
	cursor:pointer; 
	overflow:hidden; 
	-webkit-backface-visibility: hidden; 
	position:relative; 
	white-space:nowrap; 
	-webkit-transform:translate3d(0, 0, 0); 
	transform:translate3d(0, 0, 0); 
	-webkit-appearance:none; 
	-webkit-user-select:none !important; 
	-moz-user-select:none !important; 
	-ms-user-select:none !important; 
	user-select:none !important; 
	-webkit-transition:0.25s; 
	transition:0.25s; 
  }*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 650px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
	background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 50px;
}*/
    .social-icons {
        padding-top: 230px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
	color: #38A1F3;
}

.facebook i:hover {
	color: #3b5998;
}

.linkedin i:hover {
	color: #0077B5;
}

/*.pinterest i:hover {
	color: #cb2027;
}

.google i:hover {
	color: #dd4b39;
}

.tumblr i:hover {
	color: #32506d;
}

.vimeo i:hover {
	color: #aad450;
}

.instagram i:hover {
	color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 58px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 08px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 8px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #C6C6F0;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 80px;
        height: 80px;
        font-size: 20px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 20px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}

/*  Extra Small devices (portrait phones, less than 576px) end here */

/* Small devices (landscape phones, 576px and up) start here */
@media (min-width: 576px) and (max-width: 767.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 700px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 05px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 700px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 700px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 200px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 08px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 12px;
    }

    .intro-text h5 {
        font-size: 09px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 520px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 60%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 400px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: 125px;
        left: 25px;
        color: #000000;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 37px;
        left: 170px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 325px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 10px;
    }

    #about .text-block .abouth2 {
        font-size: 14px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 350px;
    }

    #globalpresence figcaption {
        padding-top: 25%;
    }

    #globalpresence figcaption:hover {
        padding-top: 29%;
    }

    .grid .h22 {
        font-size: 08px;
        font-weight: 200;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 30px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 14px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0 0px 8px #000000;
        box-shadow: 0 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 12px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 20%;
        padding: 0;
        border: 1px solid #888;
        width: 450px;
        height: 300px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
            /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
            /*-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
-moz-box-shadow: inset 0 0 5px 5px #0058A3;
-webkit-box-shadow: inset 0 0 5px 5px #0058A3;
box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 12px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 11px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 120px;
        height: 30px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 14px;
        margin-top: 20px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 52px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 28px;
        height: 28px;
        font-size: 15px;
        top: 25%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 6px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 6px;
        padding-left: 9px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 60px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 11px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 11px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #C6C6F0;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 100px;
        height: 100px;
        font-size: 25px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 25px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}

/* Small devices (landscape phones, 576px and up) end here */

/* Medium devices (tablets phones, 768px and up) start here */
@media (min-width: 768px) and (max-width: 991.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 700px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 05px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 700px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 700px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 200px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 14px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 22px;
    }

    .intro-text h5 {
        font-size: 13px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 670px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 65%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 550px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -20px;
        left: 32px;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 42px;
        left: 435px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 240px;
        height: 465px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 11px;
    }

    #about .text-block .abouth2 {
        font-size: 17px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 350px;
    }

    #globalpresence figcaption {
        padding-top: 22%;
    }

    #globalpresence figcaption:hover {
        padding-top: 28%;
    }

    .grid .h22 {
        font-size: 18px;
        font-weight: 200;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 600px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 35px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 16px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0 0px 8px #000000;
        box-shadow: 0 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 12px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 4%;
        padding: 0;
        border: 1px solid #888;
        width: 550px;
        height: 250px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
            /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
            /*-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
-moz-box-shadow: inset 0 0 5px 5px #0058A3;
-webkit-box-shadow: inset 0 0 5px 5px #0058A3;
box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 12px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 10px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 100px;
        height: 30px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 12px;
        margin-top: 20px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 52px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 35px;
        height: 35px;
        font-size: 18px;
        top: 29%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 8px;
        padding-left: 8px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 8px;
        padding-left: 11px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 765px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 70px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 14px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #C6C6F0;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 100px;
        height: 100px;
        font-size: 30px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 30px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}

/* Medium devices (tablets phones, 768px and up) end here */

/* Large devices (desktops, 992px and up) start here */
@media (min-width: 992px) and (max-width: 1199.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 05px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 15px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 25px;
    }

    .intro-text h5 {
        font-size: 14px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 70%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -235px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 59px;
        left: 620px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 265px;
        height: 660px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 22px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 500px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 20px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 800px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2.8rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 340px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
            /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
            /*-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
-moz-box-shadow: inset 0 0 5px 5px #0058A3;
-webkit-box-shadow: inset 0 0 5px 5px #0058A3;
box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 45px;
        height: 45px;
        font-size: 25px;
        top: 29%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 11px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 11px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 18px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #C6C6F0;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}

/* Large devices (desktops, 992px and up) end here */

/*---------------------------------------------------------------------------*/

/* Extra Large devices (large desktops, 1200px and up) start here */
@media (min-width: 1200px) and (max-width: 1299.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 820px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 31%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Large devices (large desktops, 1200px and up) end here */

/* Extra Extra Large devices (large desktops, 1300px and up) start here */
@media (min-width: 1300px) and (max-width: 1399.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 900px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1300px and up) end here */

/* Extra Extra Large devices (large desktops, 1400px and up) start here */
@media (min-width: 1400px) and (max-width: 1499.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1000px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 33%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1400px and up) end here */

/* Extra Extra Large devices (large desktops, 1500px and up) start here */
@media (min-width: 1500px) and (max-width: 1599.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1100px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 34%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1500px and up) end here */

/* Extra Extra Large devices (large desktops, 1600px and up) start here */
@media (min-width: 1600px) and (max-width: 1699.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1200px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 35%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1600px and up) end here */

/* Extra Extra Large devices (large desktops, 1700px and up) start here */
@media (min-width: 1700px) and (max-width: 1799.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1300px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 35%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1700px and up) end here */

/* Extra Extra Large devices (large desktops, 1800px and up) start here */
@media (min-width: 1800px) and (max-width: 1899.98px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1400px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 36%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1800px and up) end here */

/* Extra Extra Large devices (large desktops, 1900px and up) start here */
@media (min-width: 1900px) {

    /*--------header_start_here-------*/
    #header {
        width: 100%;
        height: 900px;
        outline: none;
    }

    .nstmainlogo {
        margin-top: 20px;
    }

    .nstmainlogo .left {
        margin-left: 20px;
    }

    .intro {
        display: table;
        width: 100%;
        height: 900px;
        text-align: center;
        color: #fff;
        background: url(img/slide_2.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .intro .overlay {
        /*height: 700px;*/
        height: 900px;
        padding: 100px 0;
        background: -moz-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(5, 55, 64, 1) 0%, rgba(5, 55, 64, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053740', endColorstr='#99053740', GradientType=0);
        /* IE6-9 */
    }

    header .intro-text {
        padding-top: 250px;
        padding-bottom: 140px;
    }

    .intro-text h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .intro .brand {
        color: #25BAD0;
        font-weight: 700;
        font-size: 30px;
    }

    .intro-text h5 {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.9);
    }

    /*--------header_end_here-------*/
    /*--------about_us_start_here-------*/
    #about.containernst {
        width: 100%;
        height: 900px;
        outline: none;
    }

    #about .rownst {
        position: relative;
        width: 82%;
        padding-left: 10px;
        top: 60px;
        bottom: 40px;
    }

    #about .rownst img {
        position: relative;
        width: 100%;
        height: 780px;
    }

    #about .bottom-left {
        position: absolute;
        bottom: -225px;
        left: 50px;
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }

    #about .text-block {
        position: absolute;
        bottom: 10px;
        top: 70px;
        left: 1500px;
        /*font-size: 06px;*/
        /*font-family:'Geneva', 'Tahoma', 'sans-serif';*/
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        font-style: normal;
        text-align: justify;
        width: 300px;
        height: 635px;
        background-color: #03252B;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 40px;
        /*font-family: Avenir LT,sans-serif;*/
    }

    #about .text-block p {
        font-size: 15px;
    }

    #about .text-block .abouth2 {
        font-size: 24px;
    }

    /*--------about_us_end_here-------*/
    /*--------globalpresence_start_here-------*/
    #globalpresence {
        padding-top: 0em;
        padding-bottom: 0em;
        height: 650px;
    }

    #globalpresence figcaption {
        padding-top: 20%;
    }

    #globalpresence figcaption:hover {
        padding-top: 27%;
    }

    .grid .h22 {
        font-size: 25px;
        font-weight: 500;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*--------globalpresence_end_here-------*/
    /*--------our_services_&_platforms_start_here-------*/
    .section {
        padding: 15px 0;
        outline: none;
        height: 900px;
    }

    .light-bg {
        background-color: #03252B;
    }

    .section-title {
        padding-top: 50px;
        text-align: center;
        margin-bottom: 2rem;
    }

    /*.section-title small {
color: #998a9b;
}*/
    .section-title h3 {
        font-size: 20px;
        color: #fff;
    }

    .single-blog {
        border-radius: 8px;
        box-shadow: 0px 0px 2px #000000;
        overflow: hidden;
        background-color: #01191d;
        /*height: 550px;*/
    }

    .single-blog:hover {
        -webkit-box-shadow: 0px 0px 8px #000000;
        box-shadow: 0px 0px 8px #181717;
    }

    .blog-details {
        background: #01191d none repeat scroll 0 0;
        padding: 30px 20px;
        position: relative;
        box-shadow: 0px 0px 1px #000000;
        border-bottom-left-radius: 08px;
        border-bottom-right-radius: 08px;
    }

    .blog-details h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .blog-details p {
        color: #ffffff;
        font-size: 16px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        /*letter-spacing: 1.5px;*/
        word-spacing: normal;
        text-align: center;
    }

    /*----read_more----*/
    .modal1,
    .modal2,
    .modal3,
    .modal4 {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 2;
        /* Sit on top */
        padding-top: 155px;
        /* Location of the box */
        left: 0;
        top: 30px;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: none;
        /*background-color: rgb(0,0,0); /* Fallback color */
        /*background-color: rgba(0,0,0,0.4); Black w/ opacity */
    }

    .modal-content {
        position: relative;
        background-color: #01191d;
        margin: auto;
        margin-top: 5%;
        padding: 0;
        border: 1px solid #888;
        width: 650px;
        height: 350px;
        font-family: monotype, Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        /*-webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        -moz-box-shadow: inset 0 0 5px 5px #0058A3;
        -webkit-box-shadow: inset 0 0 5px 5px #0058A3;
        box-shadow: inset 0 0 5px 5px #0058A3;*/
    }

    .modal-content h3 {
        color: #f39c12;
        margin-top: 2px;
        font-size: 16px;
        font-variant: normal;
    }

    .modal-content p {
        color: #fff;
        margin-top: 2px;
        font-size: 14px;
        text-align: justify;
        text-justify: inter-word;
    }

    .read-more {
        background: #000000 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        padding: 02px 05px;
        text-align: center;
        width: 140px;
        height: 40px;
        cursor: pointer;
        opacity: 0.5;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .read-more:hover,
    .read-more:focus {
        background: #000000;
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

    /*--------our_services_&_platforms_end_here-------*/
    /*--------client_us_start_here-------*/
    #demos {
        background-color: #03252B;
        height: auto;
        outline: none;
        margin-top: 50px;
    }

    #demos .row {
        margin-top: 60px;
    }

    #demos .large-12 {
        width: 100%;
        height: 100%;
        overflow: visible !important;
    }

    .button.backgroundwhite {
        width: 50px;
        height: 50px;
        font-size: 25px;
        top: 36%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
    }

    .button.backgroundwhite.fa-chevron-left {
        padding-top: 12.5px;
        padding-left: 6px;
        text-align: center;
    }

    .button.backgroundwhite.fa-chevron-right {
        padding-top: 12.5px;
        padding-left: 12px;
        text-align: center;
    }

    .button.backgroundwhite::-webkit-input-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite::-moz-placeholder {
        color: #505050;
    }

    .button.backgroundwhite:-ms-input-placeholder {
        color: #505050;
    }

    .button.shadow {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    }

    /*.button { 
font-family: "Montserrat", sans-serif; 
font-size:13px; 
font-weight:900; 
display:inline-block; 
padding:10px 15px; 
height: 40px; 
min-width: 40px; 
color:#fff; 
border-width: 2px; 
border-style: solid; 
border-color: transparent; 
outline:none; 
text-decoration:none; 
vertical-align:middle; 
cursor:pointer; 
overflow:hidden; 
-webkit-backface-visibility: hidden; 
position:relative; 
white-space:nowrap; 
-webkit-transform:translate3d(0, 0, 0); 
transform:translate3d(0, 0, 0); 
-webkit-appearance:none; 
-webkit-user-select:none !important; 
-moz-user-select:none !important; 
-ms-user-select:none !important; 
user-select:none !important; 
-webkit-transition:0.25s; 
transition:0.25s; 
}*/
    .button:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: 0.25s !important;
        transition: 0.25s !important;
        opacity: 1;
    }

    .button:active {
        transition: -webkit-transform 0.25s, opacity 0.25s, position 0s !important;
        -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s !important;
    }

    .button.round {
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .round {
        border-radius: 50%;
    }

    /*--------client_us_end_here-------*/
    /*----- contact start here -----*/
    #contact {
        width: 100%;
        height: 760px;
        text-align: center;
        z-index: 200;
        outline: none;
        background: url("img/img-divider-img.jpg") repeat 0 0 fixed;
    }

    /*#contact .contact-bg {
background: url("img/img-divider-img.jpg") repeat 0 0 fixed;	
margin: 0 auto;
padding: 0;
position: absolute;
z-index: 200;
width: 100%;
height: 50px;
}*/
    .social-icons {
        padding-top: 310px;
    }

    a.social-media {
        padding: 10px;
        position: relative;
        z-index: 300;
        text-align: center;
    }

    .social-icons .fa {
        width: 100px;
        height: 100px;
    }

    /* SOCIAL FONT ICON STYLES */
    /* hover color styles  */

    /*.twitter i:hover {
color: #38A1F3;
}

.facebook i:hover {
color: #3b5998;
}

.linkedin i:hover {
color: #0077B5;
}

/*.pinterest i:hover {
color: #cb2027;
}

.google i:hover {
color: #dd4b39;
}

.tumblr i:hover {
color: #32506d;
}

.vimeo i:hover {
color: #aad450;
}

.instagram i:hover {
color: #c13584;
}*/
    .envelope i:hover {
        color: #7E7272;
    }

    .white {
        color: #fff;
    }

    /*----- contact_end_here -----*/
    /*----- footer_start_here -----*/
    #foot {
        margin-top: 0px;
        background: #03252B;
        display: block;
        width: 100%;
        height: 75px;
        overflow: hidden;
        position: relative;
        z-index: 900;
        -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.9);
    }

    #foot .row {
        padding-top: 20px;
    }

    #foot .footer {
        font-size: 20px;
        padding-top: 5px;
    }

    .footer .copyr {
        color: #fff;
        text-align: center;
    }

    .Back a {
        /*right: 20px;*/
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
    }

    .Back a:hover {
        color: #a4a4c4;
        text-decoration: none;
    }

    .Back .arrowhome {
        width: 150px;
        height: 150px;
        font-size: 40px;
        top: 32%;
        bottom: auto;
        border: 1px;
        border-style: solid;
        color: #245e68;
        border-color: #a4a4c4;
        background-color: #FFFFFF !important;
        /*padding:10px;*/
        z-index: 999;
        line-height: 1;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        border-radius: 50%;
    }

    .Back .arrowhome i.fa-arrow-up {
        font-size: 40px;
        padding-top: 6x;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Back .arrowhome i.fa-arrow-up:hover {
        color: #03252B;
    }

    /*----- footer_end_here -----*/
}
/* Extra Extra Large devices (large desktops, 1900px and up) end here */