/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let’s count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let’s count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/
/*===================16 culum css start here=============== */


.colum1, .colum2, .colum3, .colum4, .colum5, .colum6, .colum7, .colum8, .colum9, .colum10, .colum11, .colum12, .colum13, .colum14, .colum15, .colum16 {
    float: left;
    margin: 0 2% 0 0;
}


    .colum1 img, .colum2 img, .colum3 img, .colum4 img, .colum5 img, .colum6 img, .colum7 img, .colum8 img, .colum9 img, .colum10 img, .colum11 img, .colum12 img, .colum13 img, .colum14 img, .colum15 img, .colum16 img {
        width: 100%;
        height: auto;
        display: block;
    }




    .colum1.last, .colum2.last, .colum3.last, .colum4.last, .colum5.last, .colum6.last, .colum7.last, .colum8.last, .colum9.last, .colum10.last, .colum11.last, .colum12, .colum13.last, .colum14.last, .colum15.last, .colum16.last {
        margin: 0;
    }

.colum1 {
    width: 4.375%;
}

.colum2 {
    width: 10.75%;
}

.colum3 {
    width: 17.125%;
}

.colum4 {
    width: 23.5%;
}

.colum5 {
    width: 26.875%;
}

.colum6 {
    width: 36.25%;
}

.colum7 {
    width: 42.625%;
}

.colum8 {
    width: 49.0%;
}

.colum9 {
    width: 55.375%;
}

.colum10 {
    width: 61.75%;
}

.colum11 {
    width: 68.125%;
}

.colum12 {
    width: 74.5%;
}

.colum13 {
    width: 80.875%;
}

.colum14 {
    width: 87.25%;
}

.colum15 {
    width: 93.625%;
}

.colum16 {
    width: 100%;
    margin: 0;
}










/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
    margin: 0 auto;
    padding: 0 0 0 1%; /* THAT'S THE NAME ;) */
}

.onepcssgrid-1200 {
    max-width: 1220px;
}

.onepcssgrid-1000 {
    max-width: 1020px;
}

.onerow {
    clear: both;
    padding: 0 10px;
}


.float_R {
    float: right!important;
}

.float_L {
    float: left!important;
}


.search_position {
    float: left;
    position: absolute;
    right: 78px;
    top: 10px;
    width: 100%;
}


/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: left;
    margin: 0 3% 0 0;
}

.col1_1 {
    float: left;
    margin: 0 2% 0 0;
}

.col1_1 {
    width: 6.5%;
}

    .col1_1.last {
        margin: 0;
    }

.col1_2 {
    float: left;
    margin: 0 2% 0 0;
}

.col1_2 {
    width: 8.5%;
}

    .col1_2.last {
        margin: 0;
    }






.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
    margin: 0;
}

.col1 {
    width: 5.5%;
}

.col2 {
    width: 14%;
}

.col3 {
    width: 22.5%;
}

.col4 {
    width: 31%;
}

.col5 {
    width: 39.5%;
}

.col6 {
    width: 48%;
}

.col61 {
    width: 48%;
}

.col7 {
    width: 56.5%;
}

.col8 {
    width: 65%;
}

.col9 {
    width: 73.5%;
}

.col10 {
    width: 82%;
}

.col11 {
    width: 90.5%;
}

.col12 {
    width: 99%;
    margin: 0;
}



.row1.last, .row2.last, .row3.last, .row4.last, .row5.last, .row6.last, .row7.last, .row8.last, .row9.last, .row10.last, .row11.last, .row12 {
    margin: 0;
}

.row1 {
    width: 5.5%;
}

.row2 {
    width: 14%;
}

.row3 {
    width: 22.5%;
}

.row3_1 {
    width: 28%;
}

.row4 {
    width: 31%;
}

.row5 {
    width: 39.5%;
}

.row6 {
    width: 48%;
}

.row7 {
    width: 56.5%;
}

.row8 {
    width: 65%;
}

.row9 {
    width: 73.5%;
}

.row10 {
    width: 82%;
}

.row11 {
    width: 90.5%;
}

.row12 {
    width: 99%;
    margin: 0;
}

.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12, .row3_1 {
    float: left;
    margin: 0 3% 0 0;
}


.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12 {
    float: left;
    margin: 0 3% 0 0;
}





/*.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
    width: 100%;
    height: auto;
    display: block;
}*/





/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (max-width: 1024px) {

    .onepcssgrid-1000 {
        max-width: 1000px;
    }

        .onepcssgrid-1000 .onerow {
            padding: 0;
        }

    .slider {
        height: auto!important;
    }

    #menu li {
        padding: 0 12px;
    }

    .social_media_con ul.list li {
        padding-left: 5px;
    }

    /* edit by shekhar */

    .sort li {
        float: none !important;
        display: block !important;
        padding: 0 !important;
    }

    /* edit by shekhar */

    .powered {
        background: url("../../images/TI/tcs_logo.jpg") no-repeat scroll 32% top rgba(0, 0, 0, 0);
    }
}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 767px) {

    .onepcssgrid-1000, .onepcssgrid-1200 {
        padding: 0 2%;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col1_1, .col1_2 {
        float: none;
        width: 100%;
    }


    .colum1, .colum2, .colum3, .colum4, .colum5, .colum6, .colum7, .colum8, .colum9, .colum10, .colum11, .colum12, .colum13, .colum14, .colum15, .colum16 {
        float: none;
        width: 100%;
    }

    .display_no {
        display: none;
    }

    .input_wrapar_search select.margn_tp {
        margin-top: 0;
    }

    .search_btn_blue.margn_TL {
        margin-top: 0;
    }

    .search_area_big span.margn_TL2 {
        margin-top: 0;
    }

    .onerow {
        padding: 0;
    }

    .search_area_big {
        padding: 10px;
    }

    .tollfree {
        text-align: center;
    }

    .text_block {
        padding: 0 3% 0 2%;
    }

    .award_text {
        margin-top: 0;
    }

        .award_text p {
            font-size: 29px;
            line-height: 37px;
        }

    .bullet_heading {
        background-image: none;
        padding-left: 0px;
    }

    .nav_outer {
        background-image: none;
        height: auto;
    }

    .footer_nav {
        display: block;
        text-align: center;
        float: none;
    }

        .footer_nav li {
            display: inline;
            float: none;
        }

    .slider {
        height: auto!important;
    }

    .slider-arrows {
        display: none;
    }

    .logo {
        width: 141px;
    }

    .logo_right {
        width: 141px;
    }

    .social_media_con {
        float: none;
        margin: 0 auto;
        width: 256px;
        padding-top: 20px;
        clear: both;
    }

    .copy {
        display: block;
        text-align: center;
        float: none;
    }

    .powered a {
        display: block;
        text-align: center;
        float: none;
    }

    .gray_btn {
        display: block;
        float: none;
        margin-right: 0;
        border: 1px solid #ccc;
        text-align: center;
    }

    .list_repeat_con .list_mid {
        border-right: 0 none;
    }

    .list_repeat_con h2 {
        text-align: center;
    }

    .list_view_txt {
        text-align: center;
    }

    .mid_ul {
        text-align: center;
    }

    .star {
        margin: 0 auto;
        width: 100px;
        float: none;
    }

    .powered {
        background: none;
    }

    .mid_ul li a {
        float: left;
        font-size: 13px;
        font-weight: bold;
        margin: 8px 0;
        text-decoration: none;
    }

    .listing_con {
        margin-top: 0;
    }

    .waiting_detail_con span {
        font-weight: normal;
        font-size: 13px;
        padding: 5px 10px;
        background: #f7f7f7;
        border-bottom: 1px solid #ccc;
    }

    .waiting_detail_con label {
        font-weight: normal;
        font-size: 13px;
        padding: 5px 10px;
        background: #f7f7f7;
        border-bottom: 1px solid #ccc;
    }

    .waiting_detail_con1 span {
        font-weight: normal;
        font-size: 13px;
        padding: 5px 10px;
        background: #f7f7f7;
        border-bottom: 1px solid #ccc;
    }

        .waiting_detail_con1 span.left {
            border-right: 0;
        }

    .waiting_detail_con1 span {
        border-right: 0;
    }



    .map_input {
        float: left;
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%;
        margin: 10px 0;
    }

    .confirm_description {
        margin-top: 10px;
    }

    .confirm_detail_left {
        border-right: 0 none;
    }

    /* edit by shekhar */

    .sort li {
        float: none !important;
        display: block !important;
        padding: 0 !important;
    }


    /* edit by shekhar */
    .continue_con {
        margin-bottom: 10px;
        float: none;
    }

    .search_btn_blue.margn_RYT {
        margin: 0;
    }


    .row_2 {
        float: left;
        width: 50%;
    }


    .voucher_inner {
        width: 100%;
    }

    .search_big_image {
        margin-bottom: 2%;
    }

    .photos_con {
        display: none!important;
    }

    /* Inner Page Corporate edit by Keleem start here */
    .img_inner {
        margin: 50px 0 0 0;
    }

    .corporate_contact_bg_outer {
        margin: 20px 0 0 0;
        background: url(../../images/TI/corporate_contact_bg.jpg) 100% 100% no-repeat;
        height: auto;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border: 1px solid #c5c5c5;
    }


    .margn_tp_10 {
        margin-top: 10px;
    }

    /* Inner Page Corporate edit by Keleem End here */

    .big {
        width: 28%;
    }

    .big_calander_con {
        min-height: inherit;
    }

    .transfer_list .time {
        text-align: center;
        font-weight: bold;
    }

    .list_view_txt.pad_bt {
        margin-bottom: 0;
    }

    .list_repeat_con .more {
        display: block;
        text-align: center;
    }

    span.transfer_value {
        border-bottom: 1px solid #ccc;
    }

    .transfer_info {
        padding: 10px;
        width: auto;
    }

    .popup_graybox span {
        border-bottom: 1px solid #ccc;
    }

    .popup_graybox .bdr_btm {
        border-bottom: 0 none;
    }

    .select_2 {
        width: 100%;
    }

    .checkbox_con {
        margin-left: 0;
    }

    .Mhide {
        display: none;
    }

    .line_height_set {
        text-align: left;
    }

    .light_gray1 {
        background: none;
    }

    .light_gray2 {
        background: none;
    }

    .light_gray3 {
        background: none;
    }




    .print_mail_con .col3 {
        clear: both;
    }

    .for_height {
        display: block;
        height: auto;
    }

        .for_height span {
            display: block;
            padding: 0;
            text-align: left;
        }


.colum1, .colum2, .colum3, .colum4, .colum5, .colum6, .colum7, .colum8, .colum9, .colum10, .colum11, .colum12 {
    width: 100%;
    float:none;
}

}

@media all and (max-width:480px) {
    .onepcssgrid-1000, .onepcssgrid-1200 {
        padding: 0 2%;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col1_1, .col1_2 {
        float: none;
        width: 100%;
    }


    .colum1, .colum2, .colum3, .colum4, .colum5, .colum6, .colum7, .colum8, .colum9, .colum10, .colum11, .colum12, .colum13, .colum14, .colum15, .colum16 {
        float: none;
        width: 100%;
    }




    .input_wrapar_search select.margn_tp {
        margin-top: 0;
    }

    .search_btn_blue.margn_TL {
        margin-top: 0;
    }

    .search_area_big span.margn_TL2 {
        margin-top: 0;
    }

    .onerow {
        padding: 0;
    }

    .search_area_big {
        padding: 10px;
    }

    .tollfree {
        text-align: center;
    }

    .award_text {
        margin-top: 0;
    }

        .award_text p {
            font-size: 29px;
            line-height: 37px;
        }

    .nav_outer {
        background-image: none;
        height: auto;
    }

    .text_block {
        padding: 0 3% 0 2%;
    }

    .slider {
        height: auto!important;
    }

    .slider-arrows {
        display: none;
    }

    .logo {
        width: 141px;
    }

    .logo_right {
        width: 141px;
    }

    .social_media_con {
        float: none;
        margin: 0 auto;
        width: 256px;
    }

    .copy {
        display: block;
        text-align: center;
        float: none;
    }

    .powered a {
        display: block;
        text-align: center;
        float: none;
    }

    .powered {
        background: none;
    }

    .gray_btn {
        display: block;
        float: none;
        margin-right: 0;
        border: 1px solid #ccc;
        text-align: center;
    }

    .bullet_heading {
        background-image: none;
        padding-left: 0px;
    }

    .footer_nav {
        display: block;
        text-align: center;
        float: none;
    }

        .footer_nav li {
            display: inline;
            float: none;
        }

    .list_repeat_con .list_mid {
        border-right: 0 none;
    }

    .listing_con {
        margin-top: 0;
    }

    /* edit by shekhar */

    .sort li {
        float: none !important;
        display: block !important;
        padding: 0 !important;
    }
    /* edit by shekhar */


    /* Inner Page Corporate edit by Keleem start here */
    .img_inner {
        margin: 50px 0 0 0;
    }

    .corporate_contact_bg_outer {
        margin: 20px 0 0 0;
        background: url(../../images/TI/corporate_contact_bg.jpg) 100% 100% no-repeat;
        height: auto;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border: 1px solid #c5c5c5;
    }
    /* Inner Page Corporate edit by Keleem End here */


    .ui-datepicker-group-first {
        width: 100%;
        float: left;
    }

    .ui-datepicker-group-last {
        width: 100%;
        float: left;
    }

    .ui-datepicker {
        width: 13em!important;
    }
}


@media all and (max-width:320px) {
    .onepcssgrid-1000, .onepcssgrid-1200 {
        padding: 0 2%;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col1_1 {
        float: none;
        width: 100%;
    }


    .colum1, .colum2, .colum3, .colum4, .colum5, .colum6, .colum7, .colum8, .colum9, .colum10, .colum11, .colum12, .colum13, .colum14, .colum15, .colum16 {
        float: none;
        width: 100%;
    }


    .input_wrapar_search select.margn_tp {
        margin-top: 0;
    }

    .search_btn_blue.margn_TL {
        margin-top: 0;
    }

    .search_area_big span.margn_TL2 {
        margin-top: 0;
    }

    .tollfree {
        text-align: center;
    }

    .search_area_big {
        padding: 10px;
    }

    .onerow {
        padding: 0;
    }

    .text_block {
        padding: 0 3% 0 2%;
    }

    .nav_outer {
        background-image: none;
        height: auto;
    }

    .award_text {
        margin-top: 0;
    }

        .award_text p {
            font-size: 29px;
            line-height: 37px;
        }

    .slider {
        height: auto!important;
    }

    .slider-arrows {
        display: none;
    }

    .logo {
        width: 141px;
    }

    .logo_right {
        width: 141px;
    }

    .social_media_con {
        float: none;
        margin: 0 auto;
        width: 256px;
    }

    .copy {
        display: block;
        text-align: center;
        float: none;
    }

    .powered a {
        display: block;
        text-align: center;
        float: none;
    }

    .powered {
        background: none;
    }

    .footer_nav {
        display: block;
        text-align: center;
        float: none;
    }

        .footer_nav li {
            display: inline;
            float: none;
        }

    .gray_btn {
        display: block;
        float: none;
        margin-right: 0;
        border: 1px solid #ccc;
        text-align: center;
    }

    .bullet_heading {
        background-image: none;
        padding-left: 0px;
    }

    .list_repeat_con .list_mid {
        border-right: 0 none;
    }

    .listing_con {
        margin-top: 0;
    }


    /* edit by shekhar */

    .sort li {
        float: none !important;
        display: block !important;
        padding: 0 !important;
    }
    /* edit by shekhar */


    /* Inner Page Corporate edit by Keleem start here */
    .img_inner {
        margin: 50px 0 0 0;
    }

    .corporate_contact_bg_outer {
        margin: 20px 0 0 0;
        background: url(../../images/TI/corporate_contact_bg.jpg) 100% 100% no-repeat;
        height: auto;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border: 1px solid #c5c5c5;
    }


    .ui-datepicker-group-first {
        width: 100%;
        float: left;
    }

    .ui-datepicker-group-last {
        width: 100%;
        float: left;
    }

    .ui-datepicker {
        width: 13em!important;
    }



    /* Inner Page Corporate edit by Keleem End here */
}